/*
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    src: url(//t1.daumcdn.net/tistory_admin/static/font/notokr-regular.woff2) format('woff2'),
    url(//t1.daumcdn.net/tistory_admin/static/font/notokr-regular.woff) format('woff');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Noto Sans';
    src: url(//t1.daumcdn.net/tistory_admin/static/font/notokr-demilight.woff2) format('woff2'),
    url(//t1.daumcdn.net/tistory_admin/static/font/notokr-demilight.woff) format('woff');
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: 'Noto Sans';
    src: url(//t1.daumcdn.net/tistory_admin/static/font/notokr-bold.woff2) format('woff2'),
    url(//t1.daumcdn.net/tistory_admin/static/font/notokr-bold.woff) format('woff');
    font-style: normal;
    font-weight: bold;
}
*/

/* reset */
*,*::before,*::after {box-sizing: border-box}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;outline:none}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content:''}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button,label {border:0 none; background-color:transparent; cursor:pointer}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, address {display:block}

/* Default Settings */
:root {}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: auto;
  text-size-adjust: auto;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {position:relative; font-family: inherit; font-weight: bold; line-height: 1.2; color: inherit }
h1, .h1 { font-size: 2.1875em }
h2, .h2 { font-size: 1.75em }
h3, .h3 { font-size: 1.53125em }
h4, .h4 { font-size: 1.3125em }
h5, .h5 { font-size: 1.09375em }
h6, .h6 { font-size: .875em }

img {vertical-align: middle; border-style: none;}
svg {overflow: hidden; vertical-align: middle;}
table {border-collapse: collapse;}

dt { font-weight: 700 }
dd { margin-bottom: .5em; margin-left: 0 }
blockquote { margin: 0 0 1em }
 
/* Common Elements */
.row {display: block; margin-right: -15px; margin-left: -15px; clear:both}
.row:after {display:block; clear:both; content:''}
.d-none { display: none !important }
.d-inline { display: inline !important }
.d-inline-block { display: inline-block !important }
.d-block { display: block !important }
.d-table { display: table !important }
.d-table-row { display: table-row !important }
.d-table-cell { display: table-cell !important }

.sr-only {position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}

.clearfix {clear:both}
.clearfix::after { display: block; clear: both; content: "" }

.tal {text-align:left !important}
.tac {text-align:center !important}
.tar {text-align:right !important}

.pull-left, .pull-right { width:100%; !important }
.pull-left-fix {float:left}
.pull-right-fix {float:right}

@media (min-width: 576px) {
    .pull-left { width:auto; float: left }
    .pull-right { width:auto; float: right }
}

.display-1 { font-size: 6em; font-weight: 300; line-height: 1.2 }
.display-2 { font-size: 5.5em; font-weight: 300; line-height: 1.2 }
.display-3 { font-size: 4.5em; font-weight: 300; line-height: 1.2 }
.display-4 { font-size: 3.5em; font-weight: 300; line-height: 1.2 }

.w-25 { width: 25% !important }
.w-50 { width: 50% !important }
.w-75 { width: 75% !important }
.w-90 { width: 90% !important }
.w-95 { width: 95% !important }
.w-100 { width: 100% !important }
.w-auto { width: auto !important }

.h-25 { height: 25% !important }
.h-50 { height: 50% !important }
.h-75 { height: 75% !important }
.h-100 { height: 100% !important }
.h-auto { height: auto !important }

.mw-100 { max-width: 100% !important }
.mh-100 { max-height: 100% !important }

.padding-0 {padding:0 !important}
.pl-0 {padding-left:0 !important}
.pt-0 {padding-top:0 !important}
.pr-0 {padding-right:0 !important}
.pb-0 {padding-bottom:0 !important}

.margin-0 {margin:0 !important}
.ml-0 {margin-left:0 !important}
.mt-0 {margin-top:0 !important}
.mr-0 {margin-right:0 !important}
.mb-0 {margin-bottom:0 !important}

.mb-2 {margin-bottom: 2% !important}
.mb-3 {margin-bottom: 3% !important}
.mb-4 {margin-bottom: 4% !important}
.mb-5 {margin-bottom: 5% !important}
.mb-10 {margin-bottom: 10% !important}
.mb-15 {margin-bottom: 15% !important}
.mb-20 {margin-bottom: 20% !important}
.mb-25 {margin-bottom: 25% !important}

.mt-2 {margin-top: 2% !important}
.mt-5 {margin-top: 5% !important}
.mt-10 {margin-top: 10% !important}
.mt-15 {margin-top: 15% !important}
.mt-20 {margin-top: 20% !important}
.mt-25 {margin-top: 25% !important}

.t-indent-1 {text-indent:1%}

.rounded { border-radius: .25em !important }
.rounded-top { border-top-left-radius: .25em !important; border-top-right-radius: .25em !important }
.rounded-right { border-top-right-radius: .25em !important; border-bottom-right-radius: .25em !important }
.rounded-bottom { border-bottom-right-radius: .25em !important; border-bottom-left-radius: .25em !important }
.rounded-left { border-top-left-radius: .25em !important; border-bottom-left-radius: .25em !important }
.rounded-circle { border-radius: 50% !important }
.rounded-0 { border-radius: 0 !important }


/* ------------------------------------------ Colors ------------------------------------------ */
.urgency-background {background-color: #f8ddce !important}
.blue-text {color:#20a8d8 !important}
.blue-background {background-color:#20a8d8 !important}
.indigo-text {color: #6610f2 !important}
.indigo-background {background-color:#6610f2 !important}
.purple-text {color: #6f42c1 !important}
.purple-background {background-color:#6f42c1 !important}
.pink-text {color: #e83e8c !important}
.pink-background {background-color:#e83e8c !important}
.red-text {color: #f86c6b !important}
.red-background {background-color:#f86c6b !important}
.orange-text {color: #f8cb00 !important}
.orange-background {background-color:#f8cb00 !important}
.yellow-text {color: #ffc107 !important}
.yellow-background {background-color:#ffc107 !important}
.green-text {color: #4dbd74 !important}
.green-background {background-color:#4dbd74 !important}
.teal-text {color: #20c997 !important}
.teal-background {background-color:#20c997 !important}
.cyan-text {color: #17a2b8 !important}
.cyan-background {background-color:#17a2b8 !important}
.white-text {color: #fff !important}
.white-background {background-color:#fff !important}
.gray-text {color: #73818f !important}
.gray-background {background-color:#73818f !important}
.gray-dark-text {color: #2f353a !important}
.gray-dark-background {background-color:#2f353a !important}
.light-blue-text {color: #63c2de !important}
.light-blue-background {background-color:#63c2de !important}
.primary-text {color: #20a8d8 !important}
.primary-background {background-color:#20a8d8 !important}
.secondary-text {color: #c8ced3 !important}
.secondary-background {background-color:#c8ced3 !important}
.success-text {color: #4dbd74 !important}
.success-background {background-color:#4dbd74 !important}
.info-text {color: #63c2de !important}
.info-background {background-color:#63c2de !important}
.warning-text {color: #ffc107 !important}
.warning-background {background-color:#ffc107 !important}
.danger-text {color: #f86c6b !important}
.danger-background {background-color:#f86c6b !important}
.light-text {color: #f0f3f5 !important}
.light-background {background-color:#f0f3f5 !important}
.dark-text {color: #2f353a !important}
.dark-background {background-color:#2f353a !important}
.black-text {color: #000 !important}
.black-background {background-color:#000 !important}

.bg-primary { background-color: #20a8d8 !important }
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #1985ac !important }
.bg-secondary { background-color: #c8ced3 !important }
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #acb5bc !important }
.bg-success { background-color: #4dbd74 !important }
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #3a9d5d !important }
.bg-info { background-color: #63c2de !important }
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #39b2d5 !important }
.bg-warning { background-color: #ffc107 !important }
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important }
.bg-danger { background-color: #f86c6b !important }
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #f63c3a !important }
.bg-light { background-color: #f0f3f5 !important }
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d1dbe1 !important }
.bg-dark { background-color: #2f353a !important }
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #181b1e !important }
.bg-white { background-color: #fff !important }
.bg-transparent { background-color: transparent !important }

.bg-blue { background-color: #20a8d8 !important }
a.bg-blue:hover, a.bg-blue:focus, button.bg-blue:hover, button.bg-blue:focus { background-color: #1985ac !important }
.bg-indigo { background-color: #6610f2 !important }
a.bg-indigo:hover, a.bg-indigo:focus, button.bg-indigo:hover, button.bg-indigo:focus { background-color: #510bc4 !important }
.bg-purple { background-color: #6f42c1 !important }
a.bg-purple:hover, a.bg-purple:focus, button.bg-purple:hover, button.bg-purple:focus { background-color: #59339d !important }
.bg-pink { background-color: #e83e8c !important }
a.bg-pink:hover, a.bg-pink:focus, button.bg-pink:hover, button.bg-pink:focus { background-color: #d91a72 !important }
.bg-red { background-color: #f86c6b !important }
a.bg-red:hover, a.bg-red:focus, button.bg-red:hover, button.bg-red:focus { background-color: #f63c3a !important }
.bg-orange { background-color: #f8cb00 !important }
a.bg-orange:hover, a.bg-orange:focus, button.bg-orange:hover, button.bg-orange:focus { background-color: #c5a100 !important }
.bg-yellow { background-color: #ffc107 !important }
a.bg-yellow:hover, a.bg-yellow:focus, button.bg-yellow:hover, button.bg-yellow:focus { background-color: #d39e00 !important }
.bg-green { background-color: #4dbd74 !important }
a.bg-green:hover, a.bg-green:focus, button.bg-green:hover, button.bg-green:focus { background-color: #3a9d5d !important }
.bg-teal { background-color: #20c997 !important }
a.bg-teal:hover, a.bg-teal:focus, button.bg-teal:hover, button.bg-teal:focus { background-color: #199d76 !important }
.bg-cyan { background-color: #17a2b8 !important }
a.bg-cyan:hover, a.bg-cyan:focus, button.bg-cyan:hover, button.bg-cyan:focus { background-color: #117a8b !important }
.bg-white { background-color: #fff !important }
a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important }
.bg-gray { background-color: #73818f !important }
a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus { background-color: #5c6873 !important }
.bg-gray-dark { background-color: #2f353a !important }
a.bg-gray-dark:hover, a.bg-gray-dark:focus, button.bg-gray-dark:hover, button.bg-gray-dark:focus { background-color: #181b1e !important }
.bg-gray-100 { background-color: #f0f3f5 !important }
a.bg-gray-100:hover, a.bg-gray-100:focus, button.bg-gray-100:hover, button.bg-gray-100:focus { background-color: #d1dbe1 !important }
.bg-gray-200 { background-color: #e4e7ea !important }
a.bg-gray-200:hover, a.bg-gray-200:focus, button.bg-gray-200:hover, button.bg-gray-200:focus { background-color: #c7ced4 !important }
.bg-gray-300 { background-color: #c8ced3 !important }
a.bg-gray-300:hover, a.bg-gray-300:focus, button.bg-gray-300:hover, button.bg-gray-300:focus { background-color: #acb5bc !important }
.bg-gray-400 { background-color: #acb4bc !important }
a.bg-gray-400:hover, a.bg-gray-400:focus, button.bg-gray-400:hover, button.bg-gray-400:focus { background-color: #909ba5 !important }
.bg-gray-500 { background-color: #8f9ba6 !important }
a.bg-gray-500:hover, a.bg-gray-500:focus, button.bg-gray-500:hover, button.bg-gray-500:focus { background-color: #73828f !important }
.bg-gray-600 { background-color: #73818f !important }
a.bg-gray-600:hover, a.bg-gray-600:focus, button.bg-gray-600:hover, button.bg-gray-600:focus { background-color: #5c6873 !important }
.bg-gray-700 { background-color: #5c6873 !important }
a.bg-gray-700:hover, a.bg-gray-700:focus, button.bg-gray-700:hover, button.bg-gray-700:focus { background-color: #454e57 !important }
.bg-gray-800 { background-color: #2f353a !important }
a.bg-gray-800:hover, a.bg-gray-800:focus, button.bg-gray-800:hover, button.bg-gray-800:focus { background-color: #181b1e !important }
.bg-gray-900 { background-color: #23282c !important }
a.bg-gray-900:hover, a.bg-gray-900:focus, button.bg-gray-900:hover, button.bg-gray-900:focus { background-color: #0c0e10 !important }

/* ------------------------------------------ Alerts ------------------------------------------ */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem }
.alert-absolute { display:none; position:absolute; font-size:0.875em; right:2%; top:60px; z-index:9999}
.alert button {position:absolute; right:5px; top:5px}
.alert-heading { color: inherit }
.alert-link { font-weight: 700 }
.alert-dismissible { padding-right: 3.8125rem }
.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit }

.alert-primary { color: #115770; background-color: #d2eef7; border-color: #c1e7f4 }
.alert-primary hr { border-top-color: #abdff0 }
.alert-primary .alert-link { color: #0a3544 }

.alert-secondary { color: #686b6e; background-color: #f4f5f6; border-color: #f0f1f3 }
.alert-secondary hr { border-top-color: #e2e4e8 }
.alert-secondary .alert-link { color: #4f5254 }

.alert-success { color: #28623c; background-color: #dbf2e3; border-color: #cdedd8 }
.alert-success hr { border-top-color: #bae6c9 }
.alert-success .alert-link { color: #193e26 }

.alert-info { color: #336573; background-color: #e0f3f8; border-color: #d3eef6 }
.alert-info hr { border-top-color: #bee6f2 }
.alert-info .alert-link { color: #234650 }

.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba }
.alert-warning hr { border-top-color: #ffe8a1 }
.alert-warning .alert-link { color: #533f03 }

.alert-danger { color: #813838; background-color: #fee2e1; border-color: #fdd6d6 }
.alert-danger hr { border-top-color: #fcbebe }
.alert-danger .alert-link { color: #5d2929 }

.alert-light { color: #7d7e7f; background-color: #fcfdfd; border-color: #fbfcfc }
.alert-light hr { border-top-color: #ecf1f1 }
.alert-light .alert-link { color: #646565 }

.alert-dark { color: #181c1e; background-color: #d5d7d8; border-color: #c5c6c8 }
.alert-dark hr { border-top-color: #b8b9bc }
.alert-dark .alert-link { color: #010202 }

/* ------------------------------------------ Code ------------------------------------------ */
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }

/* ------------------------------------------ Button ------------------------------------------ */
.btn {
display: inline-block;
font-weight: bold;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375em 0.75em;
font-size: 0.875em;
line-height: 1.5;
border-radius: 0.25em;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);}
.btn.disabled, .btn:disabled { opacity: 0.65; } 
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }

.btn-primary { color: #fff; background-color: #20a8d8; border-color: #20a8d8; !important}
.btn-primary:hover { color: #fff; background-color: #1b8eb7; border-color: #1985ac;}
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.5em rgba(32, 168, 216, 0.5); }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #20a8d8; border-color: #20a8d8; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #1985ac; border-color: #187da0; } 
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(32, 168, 216, 0.5); }

.btn-secondary { color: #23282c; background-color: #c8ced3; border-color: #c8ced3; !important}
.btn-secondary:hover { color: #23282c; background-color: #b3bbc2; border-color: #acb5bc; }
.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.5em rgba(200, 206, 211, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled { color: #23282c; background-color: #c8ced3; border-color: #c8ced3; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #23282c; background-color: #acb5bc; border-color: #a5aeb7; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(200, 206, 211, 0.5); }

.btn-success { color: #fff; background-color: #4dbd74; border-color: #4dbd74; !important}
.btn-success:hover { color: #fff; background-color: #3ea662; border-color: #3a9d5d; }
.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.5em rgba(77, 189, 116, 0.5); }
.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #4dbd74; border-color: #4dbd74; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #3a9d5d; border-color: #379457; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(77, 189, 116, 0.5); }

.btn-info { color: #23282c; background-color: #63c2de; border-color: #63c2de; !important}
.btn-info:hover { color: #23282c; background-color: #43b6d7; border-color: #39b2d5; }
.btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.5em rgba(99, 194, 222, 0.5); }
.btn-info.disabled, .btn-info:disabled { color: #23282c; background-color: #63c2de; border-color: #63c2de; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #39b2d5; border-color: #2eadd3; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(99, 194, 222, 0.5); }

.btn-warning { color: #23282c; background-color: #ffc107; border-color: #ffc107; !important}
.btn-warning:hover { color: #23282c; background-color: #e0a800; border-color: #d39e00; }
.btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.5em rgba(255, 193, 7, 0.5); }
.btn-warning.disabled, .btn-warning:disabled { color: #23282c; background-color: #ffc107; border-color: #ffc107; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #23282c; background-color: #d39e00; border-color: #c69500; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(255, 193, 7, 0.5); }

.btn-danger { color: #fff; background-color: #f86c6b; border-color: #f86c6b; !important}
.btn-danger:hover { color: #fff; background-color: #f64846; border-color: #f63c3a; }
.btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #f86c6b; border-color: #f86c6b; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #f63c3a; border-color: #f5302e; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 108, 107, 0.5); }

.btn-light { color: #23282c; background-color: #f0f3f5; border-color: #f0f3f5; !important}
.btn-light:hover { color: #23282c; background-color: #d9e1e6; border-color: #d1dbe1; }
.btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.5em rgba(240, 243, 245, 0.5); }
.btn-light.disabled, .btn-light:disabled { color: #23282c; background-color: #f0f3f5; border-color: #f0f3f5; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #23282c; background-color: #d1dbe1; border-color: #cad4dc; }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(240, 243, 245, 0.5); }

.btn-dark { color: #fff; background-color: #2f353a; border-color: #2f353a; !important}
.btn-dark:hover { color: #fff; background-color: #1e2225; border-color: #181b1e; }
.btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.5em rgba(47, 53, 58, 0.5); }
.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #2f353a; border-color: #2f353a; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #181b1e; border-color: #121517; }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(47, 53, 58, 0.5); }

.btn-outline-primary { color: #20a8d8; background-color: transparent; background-image: none; border-color: #20a8d8; !important}
.btn-outline-primary:hover { color: #fff; background-color: #20a8d8; border-color: #20a8d8; }
.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.5em rgba(32, 168, 216, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #20a8d8; background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #20a8d8; border-color: #20a8d8; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(32, 168, 216, 0.5); }

.btn-outline-secondary { color: #c8ced3; background-color: transparent; background-image: none; border-color: #c8ced3; !important}
.btn-outline-secondary:hover { color: #23282c; background-color: #c8ced3; border-color: #c8ced3; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.5em rgba(200, 206, 211, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #c8ced3; background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #23282c; background-color: #c8ced3; border-color: #c8ced3; }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(200, 206, 211, 0.5); }

.btn-outline-success { color: #4dbd74; background-color: transparent; background-image: none; border-color: #4dbd74; !important}
.btn-outline-success:hover { color: #fff; background-color: #4dbd74; border-color: #4dbd74; }
.btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.5em rgba(77, 189, 116, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled { color: #4dbd74; background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #4dbd74; border-color: #4dbd74; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(77, 189, 116, 0.5); }

.btn-outline-info { color: #63c2de; background-color: transparent; background-image: none; border-color: #63c2de; !important}
.btn-outline-info:hover { color: #23282c; background-color: #63c2de; border-color: #63c2de; }
.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.5em rgba(99, 194, 222, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: #63c2de; background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #23282c; background-color: #63c2de; border-color: #63c2de; }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(99, 194, 222, 0.5); }

.btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; !important}
.btn-outline-warning:hover { color: #23282c; background-color: #ffc107; border-color: #ffc107; }
.btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.5em rgba(255, 193, 7, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #23282c; background-color: #ffc107; border-color: #ffc107; }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(255, 193, 7, 0.5); }

.btn-outline-danger { color: #f86c6b; background-color: transparent; background-image: none; border-color: #f86c6b; !important}
.btn-outline-danger:hover { color: #fff; background-color: #f86c6b; border-color: #f86c6b; }
.btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.5em rgba(248, 108, 107, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #f86c6b; background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #f86c6b; border-color: #f86c6b; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(248, 108, 107, 0.5); }

.btn-outline-light { color: #f0f3f5; background-color: transparent; background-image: none; border-color: #f0f3f5; !important}
.btn-outline-light:hover { color: #23282c; background-color: #f0f3f5; border-color: #f0f3f5; }
.btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.5em rgba(240, 243, 245, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled { color: #f0f3f5; background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #23282c; background-color: #f0f3f5; border-color: #f0f3f5; }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(240, 243, 245, 0.5); }

.btn-outline-dark { color: #2f353a; background-color: transparent; background-image: none; border-color: #2f353a; !important}
.btn-outline-dark:hover { color: #fff; background-color: #2f353a; border-color: #2f353a; }
.btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(47, 53, 58, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #2f353a; background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #2f353a; border-color: #2f353a; }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.5em rgba(47, 53, 58, 0.5); }

.btn-lg, .btn-group-lg > .btn { padding: 0.5em 1em; font-size: 1.09375em; line-height: 1.5; border-radius: 0.3em; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25em 0.5em; font-size: 0.765625em; line-height: 1.5; border-radius: 0.2em; }

.btn-block { display: block; width: 100%; }
.btn-pill { border-radius: 50em; }
.btn-square { border-radius: 0; }

/* ------------------------------------------ badge | label ------------------------------------------ */
.badge {
    top:50%;
    left:50%;
    margin-top:-16px;
    display: inline-block;
    padding: 0.3em 0.5em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.875em;
}
.badge:empty { display: none; }
.badge:hover, .badge:active, .badge:focus {text-decoration:none}
.badge-pill {padding-right: 0.6em; padding-left: 0.6em; border-radius: 10em;}
.label {
    margin:0;
    padding: .4em .6em .5em;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-sm {padding: .2em .3em .25em}

.badge-primary { color: #fff; background-color: #20a8d8; border:1px solid #20a8d8 }
.badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #1985ac; border:1px solid #20a8d8 }
.badge-secondary { color: #23282c; background-color: #c8ced3; border:1px solid #c8ced3 }
.badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #23282c; text-decoration: none; background-color: #acb5bc; border:1px solid #c8ced3 }
.badge-success { color: #fff; background-color: #4dbd74; border:1px solid #4dbd74 }
.badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #3a9d5d; border:1px solid #4dbd74 }
.badge-info { color: #23282c; background-color: #63c2de; border:1px solid #63c2de }
.badge-info[href]:hover, .badge-info[href]:focus { color: #23282c; text-decoration: none; background-color: #39b2d5; border:1px solid #63c2de }
.badge-warning { color: #23282c; background-color: #ffc107; border:1px solid #ffc107 }
.badge-warning[href]:hover, .badge-warning[href]:focus { color: #23282c; text-decoration: none; background-color: #d39e00; border:1px solid #ffc107 }
.badge-danger { color: #fff; background-color: #f86c6b; border:1px solid #f86c6b }
.badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #f63c3a; border:1px solid #f86c6b }
.badge-light { color: #23282c; background-color: #f0f3f5; border:1px solid #f0f3f5 }
.badge-light[href]:hover, .badge-light[href]:focus { color: #23282c; text-decoration: none; background-color: #d1dbe1; border:1px solid #f0f3f5 }
.badge-dark { color: #fff; background-color: #2f353a; border:1px solid #2f353a }
.badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #181b1e; border:1px solid #2f353a }
.badge-outline { color:#999; background-color:#fff; border:1px solid #eee }
.badge-outline[href]:hover, .badge-outline[href]:focus { color: #23282c; text-decoration: none; background-color: #fff; border:1px solid #ddd}

/* ------------------------------------------ Forms ------------------------------------------ */
fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 1.3125rem; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple],
select[size] { height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
output { display: block; padding-top: 7px; font-size: 0.875rem; line-height: 1.42857143; color: #555; }
.form-control {
  display: block;
  width: 100%;
  height: 2.125rem;
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control::-ms-expand { background-color: transparent; border: 0; }
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { background-color: #eee; opacity: 1; }
.form-control[disabled],
fieldset[disabled] .form-control { cursor: not-allowed; }
textarea.form-control { height: auto; }
input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 2.125rem;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 1.875rem;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 2.875rem;
  }
}

.form-group { margin-bottom: 12px; }
.form-group:after {display:block; clear:both; content:''}
.radio,
.checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label,
.checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; }
.radio + .radio,
.checkbox + .checkbox { margin-top: -5px; }
.radio-inline,
.checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline { cursor: not-allowed; }
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label { cursor: not-allowed; }
.form-control-static { min-height: 2.125rem; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; }
.form-control-static.input-lg,
.form-control-static.input-sm { padding-right: 0; padding-left: 0; }
.input-sm { height: 1.875rem; padding: 5px 10px; font-size: 0.75rem; line-height: 1.5; border-radius: 3px; }
select.input-sm { height: 1.875rem; line-height: 1.875rem; }
textarea.input-sm,
select[multiple].input-sm { height: auto; }
.form-group-sm .form-control { height: 1.875rem; padding: 5px 10px; font-size: 0.75rem; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 1.875rem; line-height: 1.875rem; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 1.875rem; min-height: 2rem; padding: 6px 10px; font-size: 0.75rem; line-height: 1.5; }
.input-lg { height: 2.875rem; padding: 10px 16px; font-size: 1.125rem; line-height: 1.3333333; border-radius: 6px; }
select.input-lg { height: 2.875rem; line-height: 2.875rem; }
textarea.input-lg,
select[multiple].input-lg { height: auto; }
.form-group-lg .form-control { height: 2.875rem; padding: 10px 16px; font-size: 1.125rem; line-height: 1.3333333; border-radius: 6px; }
.form-group-lg select.form-control { height: 2.875rem; line-height: 2.875rem; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 2.875rem; min-height: 2.375rem; padding: 11px 16px; font-size: 1.125rem; line-height: 1.3333333; }

.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 2.125rem; line-height: 2.125rem; text-align: center; pointer-events: none; }
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback { width: 46px; height: 2.875rem; line-height: 2.875rem; }
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback { width: 30px; height: 1.875rem; line-height: 1.875rem; }

.has-feedback label ~ .form-control-feedback { top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }
.help-block { display: none; margin-top: 2px; margin-bottom: 10px; color: #737373; font-size:0.875em }
.help-block.info {display:block; color:#20a8d8; font-size:0.75em; line-height:1.25em}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success label,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #4dbd74;
}
.has-success .form-control {
  border-color: #3a9d5d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #4dbd74;
  background-color: #dff0d8;
  border-color: #3a9d5d;
}
.has-success .form-control-feedback {
  color: #4dbd74;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning label,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #d39e00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error label,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #f86c6b;
}
.has-error .form-control {
  border-color: #f86c6b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #f63c3a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #f86c6b;
  background-color: #f2dede;
  border-color: #f86c6b;
}
.has-error .form-control-feedback {
  color: #f86c6b;
}

.has-success .help-block , .has-warning .help-block, .has-error .help-block {display:block}


@media (min-width: 768px) {
  .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-static { display: inline-block; }
  .form-inline .input-group { display: inline-table; vertical-align: middle; }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control { width: auto; }
  .form-inline .input-group > .form-control { width: 100%; }
  .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
  .form-inline .radio label,
  .form-inline .checkbox label { padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback { top: 0; }
}

/* ------------------------------------------ Table ------------------------------------------ */
table { background-color: transparent; }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; }
th { text-align: left; }
.table { width: 100%; max-width: 100%; margin-bottom: 10px; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { line-height: 1em; vertical-align: middle; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
.table th, .table td {text-align:center; vertical-align:middle;}
.table th {padding:10px 4px; background:#f9f9f9; border:1px solid #ddd; border-left:0; border-right:0}
.table td {padding: 6px 4px; border-bottom:1px solid #eee}
.table tr.blue td {background:#ebf5fb; border-bottom:1px solid #d6eaf8}
.table tr.red td {background:#ffe5e9}
.table tr.red-text td a {color:red}
.table tr.disable td {color:#ccc}
.table td {font-size:0.875em}
.table .subject {text-align:left}
.table td {color:#555;}
.table input[type=text] {width:80px; vertical-align:middle}

/* ------------------------------------------ Columns ------------------------------------------ */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {position: relative; min-height: 1px; width:auto}

@media (min-width: 576px) {
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float:left; padding: 0 0.5%;}
  .col-1 {width:7.333333%;}
  .col-2 {width:15.666667%;}
  .col-3 {width:24%;}
  .col-4 {width:32.333333%;}
  .col-5 {width:40.666667%;}
  .col-6 {width:49%;}
  .col-7 {width:57.333333%;}
  .col-8 {width:65.666667%;}
  .col-9 {width:74%;}
  .col-10 {width:82.333333%;}
  .col-11 {width:90.666667%;}
  .col-12 {width:99%;}
  .col-full {padding:0}
}

/* ------------------------------------------ Pagination ------------------------------------------ */
.pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #20a8d8; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; outline: 0;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #20a8d8; border-color: #20a8d8; outline: 0; box-shadow: 0 0 0 .2em rgba(32, 168, 216, .25)}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 1.125rem; line-height: 1.3333333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 0.75rem; line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/* ------------------------------------------ Progress ------------------------------------------ */
.progress { display: block; overflow: hidden; background-color: #f0f3f5; border-radius: .25em; font-size:1em }
.progress-bar {background-color: #fff; height:1em; font-size:0.875em; text-align:center; line-height:0.875em }
.progress-xs { height: 4px }
.progress-sm { height: 8px }

/* ------------------------------------------ Tabs ------------------------------------------ */
.nav-tabs { border-bottom: 1px solid #c8ced3 }
.nav-tabs:after {display:block; clear:both; content:''}
.nav-tabs li {float:left; margin-bottom: -1px }
.nav-tabs .nav-link { display: block; padding: .5em 1em; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color:#aaa }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #c8ced3 #c8ced3 #c8ced3; text-decoration: none }
.nav-tabs .nav-link.disabled { color: #73818f; background-color: transparent; border-color: transparent }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #23282c; background-color: #fff; border-color: #c8ced3 #c8ced3 #fff }
.tab-content { margin-top: -1px; background: #fff; border: 1px solid #c8ced3; border-radius: 0 0 .25em .25em }
.tab-content .tab-pane { display:none; padding: 1em }
.tab-content .tab-pane.active {display:block}


/* Perfect Scrollbar Style */
/*
 * Container style
 */
 .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; }

 /*
  * Scrollbar rail styles
  */
 .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; }
 
 .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; }
 
 .ps--active-x > .ps__rail-x,
 .ps--active-y > .ps__rail-y { display: block; background-color: transparent; }
 
 .ps:hover > .ps__rail-x,
 .ps:hover > .ps__rail-y,
 .ps--focus > .ps__rail-x,
 .ps--focus > .ps__rail-y,
 .ps--scrolling-x > .ps__rail-x,
 .ps--scrolling-y > .ps__rail-y { opacity: 0.6; }
 
 .ps .ps__rail-x:hover,
 .ps .ps__rail-y:hover,
 .ps .ps__rail-x:focus,
 .ps .ps__rail-y:focus,
 .ps .ps__rail-x.ps--clicking,
 .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; }
 
 /*
  * Scrollbar thumb styles
  */
 .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; }
 
 .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; }
 
 .ps__rail-x:hover > .ps__thumb-x,
 .ps__rail-x:focus > .ps__thumb-x,
 .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; }
 
 .ps__rail-y:hover > .ps__thumb-y,
 .ps__rail-y:focus > .ps__thumb-y,
 .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; }
 
 /* MS supports */
 @supports (-ms-overflow-style: none) {
   .ps {
     overflow: auto !important;
   }
 }
 
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .ps {
     overflow: auto !important;
   }
 }

 /*
  * Toastr StyleSheet
  */
  .toast-title {
    font-weight: bold;
  }
  .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  }
  .toast-message a,
  .toast-message label {
    color: #FFFFFF;
  }
  .toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
  }
  .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 1.25rem;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
  }
  .toast-close-button:hover,
  .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  .rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
  }
  /*Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.*/
  button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
  .toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-left {
    top: 12px;
    left: 12px;
  }
  .toast-top-right {
    top: 12px;
    right: 12px;
  }
  .toast-bottom-right {
    right: 12px;
    bottom: 12px;
  }
  .toast-bottom-left {
    bottom: 12px;
    left: 12px;
  }
  #toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
  }
  #toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
  }
  #toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
  }
  #toast-container > div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
  }
  #toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
  }
  #toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
  }
  #toast-container.toast-top-center > div,
  #toast-container.toast-bottom-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  #toast-container.toast-top-full-width > div,
  #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  .toast {
    background-color: #030303;
  }
  .toast-success {
    background-color: #51A351;
  }
  .toast-error {
    background-color: #BD362F;
  }
  .toast-info {
    background-color: #2F96B4;
  }
  .toast-warning {
    background-color: #F89406;
  }
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }

  #social-login img {
    width: 100%;
  }
  /*Responsive Design*/
  @media all and (max-width: 240px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 11em;
    }
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  @media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 18em;
    }
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  @media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
      padding: 15px 15px 15px 50px;
      width: 25em;
    }
    #toast-container > div.rtl {
      padding: 15px 50px 15px 15px;
    }
  }