@charset "UTF-8";
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 62.5%; }

ul, ol { list-style-position: inside; }

img { max-width: 100%; }

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

[class^="icon_"], [class*=" icon_"], .icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; }

[disabled], .disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }

.clearfix::before, .row::before, .tabs_head::before, .clearfix::after, .row::after, .tabs_head::after { content: " "; display: table; }

.clearfix::after, .row::after, .tabs_head::after { clear: both; }

.clearfix, .row, .tabs_head { *zoom: 1; }

.table { display: table; }

.tcell { display: table-cell; vertical-align: middle; }

.tc { text-align: center; }

.tl { text-align: left; }

.tr { text-align: right; }

.fl { float: left; }

.fr { float: right; }

.noselect, input[type='checkbox'] + label, input[type='radio'] + label { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.light { font-weight: 300; }

.regular { font-weight: 400; }

.strong { font-weight: 600; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.uppercase { text-transform: uppercase; }

.truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }

hr { border-top: 1px solid #DBDBDB; border-bottom: 0; border-right: 0; border-left: 0; clear: both; margin: 2rem 0; }

hr.dotted { border-style: dotted; }

hr.dashed { border-style: dashed; }

.col_3a { width: 20%; padding-right: 1% !important; margin: 0px !important;}
.col_2a { width: 12%; padding-right: 1% !important; margin: 0px !important;}
[class*='col_'] { margin-left: 4%; float: left; }

[class*='col_']:first-child { margin-left: 0; }

.col_1 { width: 4.66666666667%; }

.col_2 { width: 13.3333333333%; }

.col_3 { width: 22%; }

.col_4 { width: 30.6666666667%; }

.col_5 { width: 39.3333333333%; }

.col_6 { width: 48%; }

.col_7 { width: 56.6666666667%; }

.col_8 { width: 65.3333333333%; }

.col_9 { width: 74.0%; }

.col_10 { width: 82.6666666667%; }

.col_11 { width: 91.3333333333%; }

.col_12 { width: 100%; margin-left: 0; }

@media screen and (max-width: 550px) { [class*='col_'] { width: 100%; margin-left: 0; } }

body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-x: hidden; line-height: 1.6; font-size: 1.5em; font-family: 'Lato', sans-serif; color: #705389; background-color: #f5f5f5; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; display: block; }

h1, .h1 { font-size: 3.6rem; line-height: 1.2; display: block; }

h2, .h2 { font-size: 2.8rem; line-height: 1.25; display: block; }

h3, .h3 { font-size: 2.4rem; line-height: 1.3; display: block; }

h4, .h4 { font-size: 2rem; line-height: 1.35; display: block; }

a { text-decoration: none; color: inherit; -webkit-transition: all .3s; transition: all .3s; }

a:hover { color: #705389; }

.bg_main { background-color: #705389; }

.bg_dark { background-color: #212121; color: #fff; }

.bg_grey { background-color: #f5f5f5; }

.color_main { color: #705389; }

.color_accent { color: #009688; }

.color_red { color: #f44336; }

.color_grey { color: #9e9e9e; }

.color_green { color: #4caf50 !important; }

section { padding: 3rem; background-color: #fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); margin-bottom: 2rem; }

.content ul, .content ol, .content table, .content img, .content iframe { margin-bottom: 2rem; }

.content ul:last-child, .content ol:last-child, .content table:last-child, .content img:last-child, .content iframe:last-child { margin-bottom: 0; }

.content p { margin-bottom: 1.5rem; }

.content p:last-child { margin-bottom: 0; }

.content ul { padding-left: 2rem; }

.content a { color: #705389; }

.content a:hover { text-decoration: underline; }

.wrapper { width: 100%; max-width: 1364px; padding: 0 3rem; margin: 0 auto; position: relative; }

.wrapper:after { content: ""; display: table; clear: both; }

.wrapper.small { max-width: 600px; }

section .table { width: 100%; text-align: center; }

section .table a { color: #333; }

section .table a:hover { color: #d5bcea; }

section .table a.delete_item:hover { color: red; }

section .table .button { font-size: 1.4rem; height: 3rem; line-height: 3rem; padding: 0 2rem; color: #fff !important; }

section .table .icon { font-size: 2rem; }

section .table thead { border: 1px solid #705389; border-bottom: 0 !important; }

section .table th { font-weight: 500; padding: 1rem 1rem; border-right: 1px solid #422958; background-color: #705389; color: #fff; }

section .table th:last-child { border-right: 0; }

section .table td { padding: .8rem 1rem; border-right: 1px solid #D0D0D0; }

section .table tbody { border-left: 1px solid #D0D0D0; }

section .table tbody tr { border-bottom: 1px solid #D0D0D0; }

.button { display: inline-block; text-align: center; white-space: nowrap; cursor: pointer; text-decoration: none; height: 38px; line-height: 38px; border-radius: 0; padding: 0 30px; border: 0; background-color: #705389; color: #fff; -webkit-transition: all .3s; transition: all .3s; }

.button:focus { outline: 0; }

.button:hover { background-color: #014986; color: #fff; }

.button.primary { background-color: #009688; }

.button.primary:hover { background-color: #fff; }

.button.outlined { border: 1px solid #705389; background-color: transparent; color: #705389; }

.button.outlined:hover { background-color: #705389; color: #fff; }

.button.flat { font-weight: bold; background-color: rgba(1, 59, 109, 0.2); color: #705389; }

.button.flat:hover { background-color: rgba(1, 59, 109, 0.4); }

.input { box-shadow: none; display: block; width: 100%; height: 38px; border-radius: 0; margin-bottom: 1.5rem; padding: 6px 10px; border: 1px solid #EAE9E9; background-color: #F3F3F3; -webkit-transition: border .3s; transition: border .3s; }

.input:focus { outline: 0; }

.input:focus { border: 1px solid #ccc; }

textarea.input { min-height: 90px; }

select.input { padding: 6px 5px; }

.validate_error { border: 1px solid #e57373 !important; }

::-moz-selection { background: #0156a0; color: #fff; }

::selection { background: #0156a0; color: #fff; }

::-webkit-input-placeholder { color: #9e9e9e; -webkit-transition: all .3s; transition: all .3s; }

::-moz-placeholder { color: #9e9e9e; -webkit-transition: all .3s; transition: all .3s; }

:-ms-input-placeholder { color: #9e9e9e; -webkit-transition: all .3s; transition: all .3s; }

::placeholder { color: #9e9e9e; -webkit-transition: all .3s; transition: all .3s; }

.input:focus::-webkit-input-placeholder { opacity: 0; }

.input:focus::-moz-placeholder { opacity: 0; }

.input:focus:-ms-input-placeholder { opacity: 0; }

.input:focus::placeholder { opacity: 0; }

.placeholder { color: #9e9e9e; }

.toast.error { background-color: rgba(244, 67, 54, 0.7); }
.toast.toast3 { background-color: rgba(0, 175, 240, 0.8);}

.toast { position: fixed; z-index: 503; width: 100%; max-width: 280px; left: 2rem; right: 2rem; bottom: 2rem; background-color: #fff; color: #fff; display: none; box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.25); padding: 1rem 2rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.toast p { display: block; margin-bottom: 0; margin-top: 0.3rem; }

.toast.active { -webkit-animation-name: showToast; animation-name: showToast; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.toast_close { position: absolute; color: #fff; top: 0.4rem; right: 1rem; font-size: 2.5rem; cursor: pointer; }

.toast_icon { color: #fff; float: left; margin-right: 2rem; font-size: 3rem; }

@-webkit-keyframes showToast { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes showToast { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ui-datepicker { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); display: none; margin-top: 4px; max-width: 240px; }

.ui-datepicker table { border-collapse: inherit; padding: 1rem; }

.ui-datepicker a { display: block; float: left; width: 100%; margin-top: .1rem; }

.ui-datepicker a:hover, .ui-datepicker td:hover a { color: #fff; }

.ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; background-color: #705389; padding: 1rem; color: #fff; }

.ui-datepicker .ui-datepicker-title { font-weight: 700; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; height: 20px; line-height: 1; margin-top: 1px; width: 17px; }

.ui-datepicker .ui-datepicker-prev { float: left; text-align: left; }

.ui-datepicker .ui-datepicker-next { float: right; text-align: right; }

.ui-datepicker .ui-datepicker-prev:before { content: "‹"; font-size: 3rem; line-height: .6; }

.ui-datepicker .ui-datepicker-next:before { content: "›"; font-size: 3rem; line-height: .6; }

.ui-datepicker .ui-icon { display: none; }

.ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; }

.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; width: 3rem; height: 3rem; }

.ui-datepicker .ui-datepicker-calendar td { border-radius: 50%; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }

.ui-datepicker .ui-datepicker-calendar td:hover { background-color: #014986; cursor: pointer; color: #fff; }

.ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; }

.ui-datepicker .ui-datepicker-today { background-color: #eeeeee; }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; }

table.tablesorter thead tr .header { background-image: url(/img/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }

table.tablesorter thead tr .headerSortUp { background-image: url(/img/asc.gif); }

table.tablesorter thead tr .headerSortDown { background-image: url(/img/desc.gif); }

.upload_row .upload_buttons { margin-top: 2.6rem; }

.upload { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.upload + label { font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0; margin-bottom: 2rem; border-radius: 3px; border: 1px solid #CCCCCC; background-color: #fff; color: #705389; width: 100%; position: relative; }

.upload:focus + label, .upload.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

.upload + label .icon { margin-right: 0.5rem; font-size: 1.8rem; margin-top: -.2rem; }

.upload:focus + label, .upload.has-focus + label, .upload + label:hover { outline: none; }

.upload + label span, .upload + label strong { padding: 0.8rem 1.25rem; }

.upload + label span { min-height: 2em; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; font-weight: normal; }

.upload + label strong { height: 100%; float: right; color: #fff; background-color: #705389; display: inline-block; -webkit-transition: all .3s ease; transition: all .3s ease; }

.file_deleted { color: #f44336; font-weight: bold !important; position: absolute; left: 0rem; opacity: 0; }

.file_deleted.active { -webkit-animation-name: fileDeleted; animation-name: fileDeleted; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes fileDeleted { 0% { opacity: 0; }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fileDeleted { 0% { opacity: 0; }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; } }

.upload:focus + label strong, .upload.has-focus + label strong, .upload + label:hover strong { background-color: #014986; }

.pre_input span { float: right; font-size: 1.9rem; margin-left: .4rem; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; margin-top: -0.4rem; display: inline-block; color: #616161; -webkit-transform: scale(0); transform: scale(0); }

.pre_input span.active { -webkit-transform: scale(1); transform: scale(1); }

.pre_input .watch_thumbnail { margin-top: -0.3rem; }

input[type='checkbox'], input[type='radio'] { position: absolute; left: -9999px; }

input[type='checkbox'] + label, input[type='radio'] + label { position: relative; padding-left: 3rem; cursor: pointer; display: inline-block; margin-bottom: 1rem; margin-right: 1rem; }

input[type='checkbox'] + label:before, input[type='radio'] + label:before { content: ''; position: absolute; left: 0; top: .1rem; width: 2rem; height: 2rem; border: 1px solid #aaa; background: #fff; border-radius: 3px; -webkit-transition: all .3s ease; transition: all .3s ease; }

input[type='checkbox'] + label:after, input[type='radio'] + label:after { content: '✔'; position: absolute; top: 0.15rem; left: 0.55rem; font-size: 1.4rem; color: #fff; -webkit-transition: all .2s; transition: all .2s; }

input[type='checkbox']:not(:checked) + label:after, input[type='radio']:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }

input[type='checkbox']:checked + label:after, input[type='radio']:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

input[type='checkbox']:checked + label:before, input[type='radio']:checked + label:before { background-color: #014986; border: 1px solid #014986; }

.fixed_footer { position: fixed; bottom: 0; left: 0; width: 100%; }

.dialog_wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: table; vertical-align: middle; display: none; z-index: 500; padding: 4rem 0; }

.dialog_wrapper .main_table { width: 100%; height: 100%; padding-right: 2rem; }

.dialog_wrapper .main_tcell { padding: 0 4rem; }

.dialog { max-width: 350px; margin: 0 auto; background-color: #fff; box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.25); display: none; z-index: 503; position: relative; color: #333; }

.dialog .h2 { padding: 2rem; border-bottom: 2px solid #705389; color: #705389; }

.dialog p { display: block; padding: 0 2rem 2rem; }

.dialog .icon_close { position: absolute; top: -3.5rem; right: -3.5rem; color: #fff; cursor: pointer; font-size: 3.5rem; -webkit-transition: color .3s ease; transition: color .3s ease; }

.dialog .icon_close:hover { color: #009688; }

.dialog .icon_close svg { float: left; }

.dialog_bg { position: fixed; left: 0; top: 0; background-color: rgba(33, 33, 33, 0.55); display: none; width: 100%; height: 100%; }

.dialog_opened { position: fixed; overflow-y: scroll; width: 100%; height: 100%; }

.dialog_opened .dialog_bg { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.dialog_opened .dialog { -webkit-animation-name: showDialog; animation-name: showDialog; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.dialog_opened .dialog_wrapper { display: block; }

.dialog_scrollable_mobile .dialog_wrapper { width: 100% !important; }

.dialog_scrollable_mobile .main_table { padding-right: 0 !important; }

.dialog_scrollable .dialog_wrapper { overflow-y: scroll; width: calc(100% + 4rem); }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes showDialog { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes showDialog { 0% { opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.login_page { height: 100vh; color: #fff; }

.login_page .table { height: 100%; width: 100%; text-align: left !important; }

.login_page h1 { text-align: center; text-transform: uppercase; position: absolute; top: -7rem; color: #B2BBBF; left: 0; font-weight: bold; text-shadow: 0px 2px 5px #C6C8CC; opacity: 0; }

.login_page input { background-color: #A7AEB3; border: 1px solid #BEC1C1; padding-left: 3rem; color: #000;}

.login_page span { display: block; margin-bottom: .1rem; }

.login_page .validate_error { border-color: #EFBABA !important; }

.login_page .button { background-color: #705389; border-radius: 50%; padding: 0; width: 6rem; height: 6rem; position: absolute; right: -3.3rem; top: 50%; margin-top: -3rem; font-size: 3rem; line-height: 1; box-shadow: 0px 2px 20px rgba(134, 124, 124, 0.22); opacity: 0; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

.login_page .button:hover { background-color: #85abba; }

.login_page .button svg { font-size: 3rem; }

.login_input { position: relative; }

.login_input svg { position: absolute; top: 0.8rem; left: 0.6rem; }

.login_form { max-width: 450px; margin: 0 auto; background-color: rgba(113, 131, 150, 0.3); padding: 1rem; position: relative; }

.form_inner { padding: 3rem 5rem; background-color: #4a6786; }

aside { position: fixed; left: 0; top: 0; background-color:#3f3548; height: 100vh; color: #fff; width: 23rem; overflow: hidden; z-index: 2; }

aside h2 { padding: 2.9rem 3rem; text-transform: uppercase; font-size: 1.6rem; box-shadow: 0px 1px 39px #35526B; color: #d5bcea; font-weight: 500; }

aside li { display: block; position: relative; overflow: hidden; }

aside li svg { font-size: 2rem; float: left; margin-top: 0.25rem; }

aside li .icon_agent { font-size: 1.7rem; margin-top: 0.4rem; margin-left: 0.2rem; }

aside li span { display: inline-block; float: left; width: 2rem; text-align: center; margin-right: 1.5rem; color: #d5bcea; -webkit-transition: all .3s; transition: all .3s; }

aside ul a { display: block; padding: 1rem 3rem; position: relative; z-index: 2; overflow: hidden; }

aside ul a:hover, aside ul .active { color: #fff; background-color: #d5bcea; }

aside ul a:hover span, aside ul .active span { color: #fff; }
aside .submenu {margin-left: 6rem; margin-top:-0.5rem; display: none;}
aside .submenu li a{padding: 0 0.5rem; border-left: 1px dashed #58738a;}
aside .open .submenu {display: block;}

.exit { position: absolute; bottom: 4rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.exit:hover { color: #fff; }

.exit:hover:after { width: 95px; background-color: #d5bcea; }

.exit:after { content: ''; position: absolute; left: -1.3rem; top: -2px; height: 4.2rem; width: 4.2rem; border-radius: 200px; background-color: #705389; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.exit span:first-child { position: relative; z-index: 2; display: inline-block; font-size: 2rem; text-align: center; }

.exit span:last-child { position: relative; z-index: 2; text-transform: uppercase; font-size: 1.4rem; display: inline-block; margin-left: 1.4rem; -webkit-transform: translateY(1px); transform: translateY(1px); }

main { margin-left: 23rem; padding: 2rem 0; }

.main_heading { margin-bottom: 2rem; color: #0f3a5f; padding-bottom: 2rem; border-bottom: 1px solid #E4E4E4; }

.main_heading:first-letter { color: #705389; }

.small_section .button { width: 100%; }

.small_section .input { margin-bottom: 0; }

.small_section h2 { font-size: 2rem; line-height: 1; }

._th { cursor: pointer; }

th .icon_sort { position: absolute; right: .5rem; top: 1.3rem; }

.add_new_button .button { margin-left: 1rem; }

.add_new_button svg { font-size: 2rem; float: left; margin-right: 0.7rem; margin-top: 0.9rem; }

.main_buttons { position: absolute; top: 0; right: 3rem; }

.hidden_section { display: none; }

.td_textarea { position: relative; padding: 0 !important; }

.td_textarea .input {top: 0; left: 0; min-height: 100%; height: 6rem; margin-bottom: 0; border: 0; }

.bread_crumbs { margin-bottom: 1.8rem; position: relative; display: inline-block; }

.bread_crumbs a { display: inline-block; margin-right: 1rem; float: left; position: relative; z-index: 2; }

.bread_crumbs svg { float: left; margin-right: 1rem; margin-top: 0.6rem; color: #B9B9B9; position: relative; z-index: 2; }

.bread_line { position: absolute; left: 0; width: 0; height: 67px; top: -20px; background-color: #CFE0EF; }

.bread_second_line { position: absolute; left: 0; width: 0; height: 5px; bottom: -23px; background-color: #0a8cfd; z-index: 1; }

.bread_item { -webkit-transition: color 0.3s; transition: color 0.3s; }

.tabs { margin-bottom: 1.5rem; }

.tabs_body { border-top: 0 !important; border: 1px solid #e0ecf7; }

.tab { display: none; padding: 2rem; }

.tabs_head { background-color: #F3F3F3; width: 100%; }

.tabs_head a { display: inline-block; float: left; padding: 1rem 2rem; background-color: #C4E2DF; border: 1px solid #e0ecf7; border-left: 0 !important; color: #333 !important; }

.tabs_head a:first-child { border-left: 1px solid #e0ecf7 !important; }

.tabs_head a.active { background-color: #fff !important; border-bottom: 1px solid transparent !important; }

.tabs_head a:hover { background-color: #e0ecf7; }

.category_star svg { font-size: 3rem !important; display: inline-block; margin-top: .1rem; }
.icon_exchange {-webkit-transition: color 0.3s; transition: color 0.3s;}
.icon_exchange:hover {color: red; cursor: pointer;}

#current_time {font-size: 6rem;}
.bold_time {font-weight: bold; font-size: 4rem; background-color: #FFEB3B; color: #000; padding: 0.5rem; display: block; text-align: center; margin-top: 1rem;}
#settime .input{background: #705389; color: #fff; }
/*#settime .input{background: #705389; color: #fff; font-size: 4rem; padding: 4rem 2rem;}*/
.green_text {color: green;}
.red_text {color: red;}
.avatar {border: 3px solid; max-width: 20rem;}
.scrollable {overflow: scroll;}
@media screen and (max-width: 450px) { html { font-size: 56%; } }

@media screen and (max-width: 550px) { h1, .h1 { font-size: 2.6rem; }
  h2, .h2 { font-size: 2.2rem; }
  h3, .h3 { font-size: 1.9rem; }
  h4, .h4 { font-size: 1.7rem; } }

  
.tablesorter table {
    max-width: 250px;
    border: none;
    box-shadow: none;
}
section .tablesorter table td, section  .tablesorter table tr, section .tablesorter table tbody {text-align: center; border: none !important; padding: 3px; font-size: 1.2rem; vertical-align: top;}
section .tablesorter table td:nth-child(2) {color:#d5bcea;}

.loginlogo{width: 100%; position: relative; text-align: center; margin-top: -30px;}
.loginlogo img{margin-bottom: 1rem;}
.innerlogo{width: 200px; margin: 15px;}

.togle_on_hover {position: absolute; width: 200px; z-index:9; -webkit-transition: all 0.3s; transition: all 0.3s;}
.togle_on_hover:hover {height: 200px;}
.destination option:first-child {margin-bottom: 1.2rem;}
.toggle_menu svg {position: absolute;right: 0.3rem; top: 0.3rem; height: 3rem;width: 3rem;color: #d5bcea;}
.toggle_menu svg:hover {color:#fff;}
.hide_menu {width: 4rem;padding-top: 4rem;}
.hide_menu div, .hide_menu .innerlogo {display: none;}
.hide_menu ul a {padding: 1rem;}
.full_main {margin-left: 2rem;}
.order_refund {background: #e57373;	color: #fff;}

.item_options:hover .item_icons {display: block !important;}
.item_icons {position: absolute; background: #705389; padding: 0.9rem 0.5rem; right: 6rem; margin-top: -3.3rem;min-width: 8.1rem;}
.item_icons > a{color:#fff; margin: 0px 2px;}
.item_icons svg{color:#fff;}
.item_icons svg:hover{color:#d5bcea;}
.small_select {max-width: 17rem;display: inline-block; margin: 0 1rem;}

.tr_red td {background-color: #FF5722 !important;color: #000;}