/* Core variables and mixins */
/* Utilities */
/******* for a **********/
/* .btn from bootstrap but have't remove ouline on firfox */
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: none; }

.iml-school-main-color { background: #990000; }

.iml-of-x-hide { overflow-x: hidden; }

.iml-overflow-x { overflow-x: auto; }

.iml-position-relative { position: relative; }

.bootstrap-select.btn-group .dropdown-menu { z-index: 1000; }

.iml-text-white { color: #ffffff; }

.iml-text-black { color: #333 !important; }

.iml-text-14 { font-size: 14px; }

.iml-text-16 { font-size: 16px; }

.iml-text-18 { font-size: 18px !important; }

.iml-text-32 { font-size: 32px; }

.iml-bg-white { background: #ffffff; }

.iml-bg-school-main { background: #990000; }

.iml-bg-panel-head-gray { background: #666666; }

.iml-bg-panel-head-gray .iml-panel-title a { color: #ffffff; }

/*iml icon size*/
.iml-icon-28 { display: block; }

.iml-icon-28 img { width: 28px; }

/* col width */
.iml-full-width { width: 100% !important; }

.iml-min-width-50 { min-width: 50px; }

/* align */
.iml-center-block { margin: 0 auto; }

.iml-inline-block { display: inline-block; }

.iml-block { display: block; }

/*== Show & Hide==*/
.iml-show-xs-inline, .iml-show-xs, .iml-show-xxs-inline, .iml-show-xxs { display: none; }

.iml-mt-5 { margin-top: 5px; }

.iml-mt-8 { margin-top: 8px; }

.iml-mt-10 { margin-top: 10px; }

.iml-mt-20 { margin-top: 20px; }

.iml-mt-30 { margin-top: 30px; }

.iml-mr-5 { margin-right: 5px; }

.iml-mr-10 { margin-right: 10px; }

.iml-mr-15 { margin-right: 15px; }

.iml-mb-8 { margin-bottom: 8px; }

.iml-mb-10 { margin-bottom: 10px; }

.iml-ml-5 { margin-left: 5px; }

.iml-m-0 { margin: 0 !important; }

.iml-p-0 { padding: 0 !important; }

.iml-pr-0 { padding-right: 0 !important; }

.iml-pl-0 { padding-left: 0 !important; }

.iml-right-0 { right: 0px; left: auto; }

.iml-cursor-pointer { cursor: pointer; }

.iml-top-line { border-top: #ddd solid 1px; }

.iml-bottom-line { border-bottom: #ddd solid 1px; }

.iml-left-line { border-left: #ddd solid 1px; }

#imlSupport { width: 40px; height: 124px; display: block; outline: none medium; position: fixed; z-index: 99999; right: -5px; text-indent: -99999px; top: 40%; left: 1868px; background: url("/Images/Support.png?v=566") 0% 0% no-repeat scroll #ab1d0d; }

.iml-override-container { padding-left: 8px; padding-right: 8px; /* Offset */ }

.iml-override-container .row, .iml-override-container .form-horizontal .form-group { margin-left: -8px; margin-right: -8px; }

.iml-override-container .iml-col-sm-main-10, .iml-override-container .iml-col-sm-main-8, .iml-override-container .iml-col-sm-main-6, .iml-override-container .iml-col-sm-main-5, .iml-override-container .iml-col-sm-main-4, .iml-override-container .iml-col-sm-main-3, .iml-override-container .iml-col-main-3, .iml-override-container .iml-col-sm-main-2, .iml-override-container .col-xs-1, .iml-override-container .col-sm-1, .iml-override-container .col-md-1, .iml-override-container .col-lg-1, .iml-override-container .col-xs-2, .iml-override-container .col-sm-2, .iml-override-container .col-md-2, .iml-override-container .col-lg-2, .iml-override-container .col-xs-3, .iml-override-container .col-sm-3, .iml-override-container .col-md-3, .iml-override-container .col-lg-3, .iml-override-container .col-xs-4, .iml-override-container .col-sm-4, .iml-override-container .col-md-4, .iml-override-container .col-lg-4, .iml-override-container .col-xs-5, .iml-override-container .col-sm-5, .iml-override-container .col-md-5, .iml-override-container .col-lg-5, .iml-override-container .col-xs-6, .iml-override-container .col-sm-6, .iml-override-container .col-md-6, .iml-override-container .col-lg-6, .iml-override-container .col-xs-7, .iml-override-container .col-sm-7, .iml-override-container .col-md-7, .iml-override-container .col-lg-7, .iml-override-container .col-xs-8, .iml-override-container .col-sm-8, .iml-override-container .col-md-8, .iml-override-container .col-lg-8, .iml-override-container .col-xs-9, .iml-override-container .col-sm-9, .iml-override-container .col-md-9, .iml-override-container .col-lg-9, .iml-override-container .col-xs-10, .iml-override-container .col-sm-10, .iml-override-container .col-md-10, .iml-override-container .col-lg-10, .iml-override-container .col-xs-11, .iml-override-container .col-sm-11, .iml-override-container .col-md-11, .iml-override-container .col-lg-11, .iml-override-container .col-xs-12, .iml-override-container .col-sm-12, .iml-override-container .col-md-12, .iml-override-container .col-lg-12 { padding-left: 8px; padding-right: 8px; }

.iml-override-container .iml-col-sm-main-offset-4 { margin-left: 33.3333333%; }

.iml-override-container .iml-col-sm-main-10, .iml-override-container .iml-col-sm-main-8, .iml-override-container .iml-col-sm-main-6, .iml-override-container .iml-col-sm-main-5, .iml-override-container .iml-col-sm-main-4, .iml-override-container .iml-col-sm-main-3, .iml-override-container .iml-col-main-3, .iml-override-container .iml-col-sm-main-2 { float: left; }

.iml-override-container .iml-col-sm-main-10 { width: 83.33333333%; }

.iml-override-container .iml-col-sm-main-8 { width: 66.6666667%; }

.iml-override-container .iml-col-sm-main-6 { width: 50%; }

.iml-override-container .iml-col-sm-main-5 { width: 41.66666667%; }

.iml-override-container .iml-col-sm-main-4 { width: 33.3333333%; }

.iml-override-container .iml-col-main-3, .iml-override-container .iml-col-sm-main-3 { width: 25%; }

.iml-override-container .iml-col-sm-main-2 { width: 16.66666667%; }

.iml-dropdown-menu-right { left: auto; right: 0; }

.iml-token-input-group ul.token-input-list-iml { padding-top: 3px; padding-bottom: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.alert, .iml-alert { margin-bottom: 8px; font-size: 14px; }

.iml-form-alert-success { background: #fff; border: 3px solid #3c763d; border-width: 0 0 0 3px !important; }

.iml-support-container { position: fixed; bottom: 105px; right: 15px; z-index: 1000; }

.iml-support-container .iml-support-btn { padding: 6px 20px; display: block; font-size: 16px; border-radius: 64px; width: 64px; height: 64px; line-height: 52px; border-width: 0; color: #ffffff; cursor: pointer; position: relative; box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.5); }

.iml-support-container .iml-support-btn strong { opacity: 0; }

.iml-support-container .iml-support-btn i { position: absolute; right: 18px; top: 16px; }

.iml-support-container .iml-support-btn:hover { transition: 0.2s; width: 210px; }

.iml-support-container .iml-support-btn:hover strong { opacity: 1; transition: 0.8s; }

/*Become Iml Hero Modal*/
.iml-hero-modal .modal-body { background: url("/spa/images/bg-imlHeroModal.jpg") #f0f0f0 no-repeat; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.iml-hero-modal .modal-body .iml-hm-top { padding: 30px 0px 20px 0px; color: #fff; }

.iml-hero-modal .modal-body .iml-hm-top .btn { margin: 8px; }

.iml-hero-modal .modal-body .iml-hm-main { margin: 0px 8%; background: #fff; padding: 20px 0 0px 0; }

.iml-hero-modal .modal-body .iml-hm-main .iml-hm-line { padding: 0px 0px 30px 20px; }

.iml-hero-modal .modal-body .iml-hm-main .iml-hm-line.line-left { background: url("/spa/images/line-imlHeroModal-1.png") no-repeat bottom left; /*padding: 0px 20px 20px 20px;*/ }

.iml-hero-modal .modal-body .iml-hm-main .iml-hm-line.line-right { background: url("/spa/images/line-imlHeroModal-2.png") no-repeat bottom left; /*padding: 10px 20px 40px 20px;*/ }

.iml-hero-modal .modal-body .iml-hm-main .iml-hm-line .iml-media-left { text-align: left; }

.iml-hero-modal .modal-body .iml-hm-main .iml-hm-line .iml-media-right { text-align: right; }

.iml-hero-modal .modal-body .iml-hm-main .iml-hm-line .iml-media-body { text-align: left; padding-top: 20px; }

.iml-support-list-container { box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.5); position: fixed; bottom: 20px; right: 15px; z-index: 1000; }

.iml-support-list-container .list-group .list-group-item { min-width: 300px; padding: 0; font-size: 14px; border: 0; margin-bottom: 0px; }

.iml-support-list-container .list-group .list-group-item a { color: #ffffff; display: block; padding: 10px 15px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.iml-support-list-container .list-group .list-group-item i { margin-right: 5px; }

.iml-support-list-container .list-group .list-group-item:last-child a { border-bottom: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.iml-support-list-container .list-group .list-group-item:first-child a { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.iml-img-limit-100-container img { max-width: 100%; height: auto !important; }

.iml-align-center { text-align: center !important; text-align: center !important; vertical-align: middle !important; }

/*switch view loading style*/
.mini-loading .im-loading-content { position: relative; left: 50%; width: 25px; height: 25px; margin: 0px 0px 0px -15px; }

.mini-loading .iml-loading-spinner, .small-loading .iml-loading-spinner::after { width: 20px; height: 20px; margin: 5px 0px 0px 5px; }

.mini-loading .iml-loading-spinner { border-top: 1px solid #19589b; border-right: 1px solid #19589b; border-bottom: 1px solid transparent; border-left: 1px solid #19589b; }

/*update drop down checkbox style for bootstrap multiselect*/
.multiselect-container .checkbox input[type="checkbox"], .multiselect-container .checkbox-inline input[type="checkbox"] { position: relative; margin-left: 0px; }

.multiselect-container .checkbox, .multiselect-container .radio { margin-top: 0px; margin-bottom: 0px; }

.iml-state { position: relative; }

.iml-state .iml-state-tools { position: absolute; right: 10px; top: 5px; }

.iml-roll-up { position: relative; overflow-y: hidden; height: 100px; }

.iml-roll-up > .iml-toggle-more { display: none; position: absolute; bottom: 0px; left: 0; right: 0; background-color: #A7ADB6; color: #ffffff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.iml-roll-up:hover > .iml-toggle-more { display: block; }

/* Components */
.iml-switcher { display: block; position: relative; font-size: 16px; padding-top: 6px; padding-bottom: 6px; }

.iml-switcher input[type="checkbox"]:disabled + label { cursor: not-allowed; opacity: .5; color: rgba(0, 0, 0, 0.87); }

.iml-switcher input[type="checkbox"]:disabled + label:before { cursor: not-allowed; background: rgba(0, 0, 0, 0.87); }

.iml-switcher input:checked + label { background: rgba(51, 122, 183, 0.5); }

.iml-switcher input:checked + label:before { left: 26px; background: #337ab7; }

.iml-switcher input:checked + label:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(51, 122, 183, 0.2); }

.iml-switcher label { position: relative; width: 56px; height: 18px; border-radius: 10px; background: rgba(0, 0, 0, 0.26); -webkit-transition: background 280ms cubic-bezier(0.4, 0, 0.2, 1); transition: background 280ms cubic-bezier(0.4, 0, 0.2, 1); vertical-align: middle; cursor: pointer; display: inline-block; margin-bottom: 0; margin-right: 8px; }

.iml-switcher label:before { content: ''; position: absolute; top: -6px; left: 0px; width: 30px; height: 30px; background: #fafafa; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); border-radius: 50%; -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1); transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1); }

.iml-switcher label:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); }

.iml-switcher.iml-switcher-xs { font-size: 12px; }

.iml-switcher.iml-switcher-xs label { width: 30px; height: 8px; border-radius: 4px; }

.iml-switcher.iml-switcher-xs label:before { top: -4px; width: 16px; height: 16px; }

.iml-switcher.iml-switcher-xs input:checked + label:before { left: 16px; }

.iml-switcher.iml-switcher-sm { font-size: 14px; }

.iml-switcher.iml-switcher-sm label { width: 40px; height: 12px; border-radius: 8px; }

.iml-switcher.iml-switcher-sm label:before { top: -6px; width: 24px; height: 24px; }

.iml-switcher.iml-switcher-sm input:checked + label:before { left: 16px; }

.iml-switcher.iml-switcher-lg { padding-top: 12px; padding-bottom: 12px; font-size: 18px; }

.iml-switcher.iml-switcher-lg label { width: 100px; height: 26px; border-radius: 15px; }

.iml-switcher.iml-switcher-lg label:before { top: -9px; width: 44px; height: 44px; }

.iml-switcher.iml-switcher-lg input:checked + label:before { left: 60px; }

.iml-switcher.iml-switcher-red input:checked + label { background: rgba(243, 66, 53, 0.5); }

.iml-switcher.iml-switcher-red input:checked + label:before { background: #f34235; }

.iml-switcher.iml-switcher-red input:checked + label:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(243, 66, 53, 0.2); }

.iml-switcher.iml-switcher-green input:checked + label { background: rgba(75, 174, 79, 0.5); }

.iml-switcher.iml-switcher-green input:checked + label:before { background: #4bae4f; }

.iml-switcher.iml-switcher-green input:checked + label:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(75, 174, 79, 0.2); }

.iml-switcher.iml-switcher-indigo input:checked + label { background: rgba(62, 80, 180, 0.5); }

.iml-switcher.iml-switcher-indigo input:checked + label:before { background: #3e50b4; }

.iml-switcher.iml-switcher-indigo input:checked + label:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(62, 80, 180, 0.2); }

.iml-switcher.iml-switcher-primary input:checked + label { background: rgba(24, 90, 164, 0.5); }

.iml-switcher.iml-switcher-primary input:checked + label:before { background: #185AA4; }

.iml-switcher.iml-switcher-primary input:checked + label:active::before { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(24, 90, 164, 0.2); }

.iml-switcher-group .iml-switcher { display: inline-block; margin-top: 0; margin-bottom: 0; padding-right: 10px; vertical-align: middle; }

.iml-switcher-group label { font-weight: normal; margin-bottom: 0; line-height: 22px; }

.form-inline .iml-radio, .form-inline .iml-checkbox, .form-inline .iml-switcher { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }

.iml-radio, .iml-checkbox { position: relative; display: block; }

.iml-radio input[type=radio], .iml-checkbox input[type=checkbox] { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }

.iml-radio label.text-label, .iml-checkbox label.text-label { padding: 2px 0 0 24px !important; cursor: pointer; margin-bottom: 0; font-weight: 100; }

.iml-radio-mini label.text-label, .iml-checkbox-mini label.text-label { padding: 0px 0 0 16px !important; cursor: pointer; margin-bottom: 0; }

.iml-radio.disabled label.text-label, .iml-checkbox.disabled label.text-label { cursor: not-allowed; opacity: .5; color: rgba(0, 0, 0, 0.87); }

.iml-radio:disabled ~ .circle, .iml-radio :disabled ~ .check { cursor: not-allowed; opacity: .5; color: rgba(0, 0, 0, 0.87); }

.iml-radio input[type=radio]:disabled ~ .circle, .iml-radio input[type=radio] :disabled ~ .check { border-color: rgba(0, 0, 0, 0.84); }

.iml-radio input[type=radio]:checked ~ .check { -webkit-transform: scale3d(0.55, 0.55, 1); transform: scale3d(0.55, 0.55, 1); }

.iml-radio label .circle { border: 2px solid rgba(0, 0, 0, 0.84); height: 19px; width: 19px; border-radius: 100%; }

.iml-radio label .check { height: 19px; width: 19px; border-radius: 60%; background-color: rgba(0, 0, 0, 0.84); -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }

.iml-radio label span.check, .iml-radio label span.circle { display: block; position: absolute; left: 0px; top: 0px; transition-duration: .2s; }

.iml-radio.iml-radio-default input[type=radio]:checked ~ .circle { border-color: rgba(0, 0, 0, 0.84); }

.iml-radio.iml-radio-primary input[type=radio]:checked ~ .circle { border-color: #185AA4; }

.iml-radio.iml-radio-primary input[type=radio]:checked ~ .check { background-color: #185AA4; }

.iml-radio.iml-radio-primary input[type=radio]:checked ~ .circle { border-color: #185AA4; }

.iml-checkbox .checkbox-material .check { position: absolute; width: 20px; height: 20px; border: 2px solid; border-radius: 2px; overflow: hidden; left: 0px; top: 0px; }

.iml-checkbox input[type=checkbox]:disabled + .checkbox-material .check { cursor: not-allowed; opacity: .5; color: rgba(0, 0, 0, 0.87); }

.iml-checkbox input[type=checkbox]:checked + .checkbox-material .check { color: #185AA4; }

.iml-checkbox input[type=checkbox]:checked + .checkbox-material .check:before { box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; -webkit-animation: checkbox-on .3s forwards; animation: checkbox-on .3s forwards; }

.iml-checkbox input[type=checkbox]:checked + .checkbox-material:before { -webkit-animation: rippleOn 500ms; animation: rippleOn 500ms; }

.iml-checkbox .checkbox-material .check:before { position: absolute; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; margin-top: -4px; margin-left: 6px; width: 0; height: 0; box-shadow: 0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; -webkit-animation: checkbox-off .3s forwards; animation: checkbox-off .3s forwards; }

.iml-checkbox.iml-check-mini input[type=checkbox]:checked + .checkbox-material .check:before { box-shadow: 0 0 0 8px,8px -8px 0 8px,28px 0 0 16px,0 28px 0 16px,-3px 3px 0 8px,16px -8px 0 7px; }

.iml-checkbox.iml-check-mini .checkbox-material .check { position: absolute; width: 16px; height: 16px; border: 2px solid; border-radius: 2px; overflow: hidden; left: 0px; top: 0px; }

.iml-checkbox.iml-check-mini .checkbox-material .check:before { margin-top: -6px !important; margin-left: 4px !important; }

.iml-checkbox.checkbox-default input[type=checkbox]:checked + .checkbox-material .check { color: #0275d8; }

.iml-checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check { color: #333; }

.iml-checkbox.checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before { color: rgba(0, 0, 0, 0.87); }

.iml-checkbox.checkbox-success input[type=checkbox]:checked + .checkbox-material .check { color: #5cb85c; }

.iml-checkbox.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before { color: #5cb85c; }

.iml-checkbox.checkbox-white input[type=checkbox]:checked + .checkbox-material .check { color: #ffffff; }

.iml-checkbox.checkbox-white input[type=checkbox]:checked + .checkbox-material .check:before { color: #ffffff; }

@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (display: flow-root) { /* fix the check can not fill the all box issue*/
    .iml-checkbox .checkbox-material .check { display: inline-block !important; /*top: unset!important;*/ /*left: unset!important;*/ }
    /* disable animation since its buggy on safari*/
    .iml-checkbox input[type=checkbox]:checked + .checkbox-material:before { animation: none !important; }
    /*fix the bootstrap-material-design issue if set content to "" , it can not show the right box shadow in safari 14, set it to a char will resolve this problem*/
    /* top and left fix the check can not fill the all box issue*/
    .iml-checkbox .checkbox-material .check:before { animation: none !important; top: 0px !important; left: 0px !important; }
    .iml-checkbox input[type=checkbox]:checked + .checkbox-material .check:before { content: "_" !important; } } }

.iml-panel-body, .iml-panel-foot { padding: 8px 10px; }

.iml-panel-body:before, .iml-panel-body:after, .iml-panel-foot:before, .iml-panel-foot:after { content: " "; display: table; }

.iml-panel-body:after, .iml-panel-foot:after { clear: both; }

.iml-panel-body-lg { padding: 16px 20px; }

.iml-panel-body-lg:before, .iml-panel-body-lg:after { content: " "; display: table; }

.iml-panel-body-lg:after { clear: both; }

.iml-panel-body-lg .iml-panel-subtitle { border-bottom: 1px solid #ddd; margin-bottom: 20px; }

.iml-panel-body-lg .iml-panel-subtitle:before, .iml-panel-body-lg .iml-panel-subtitle:after { content: " "; display: table; }

.iml-panel-body-lg .iml-panel-subtitle:after { clear: both; }

.iml-panel-body-lg .iml-panel-subtitle .text-left { margin-bottom: -10px; background: #ffffff; padding-right: 10px; }

.iml-panel { background: #fff; border: 1px solid #ddd; box-shadow: none; border-radius: 4px; padding-bottom: 0 !important; /*features box*/ /*bootstrap panel reset*/ }

.iml-panel .team-info { border: 0 !important; }

.iml-panel .iml-team-event { border-top: solid 1px #ddd; }

.iml-panel .iml-panel-title { margin: 0; line-height: 30px; font-size: 18px; }

.iml-panel .iml-panel-title.title-inline { margin-right: 8px; }

.iml-panel .panel-club-title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.iml-panel .iml-features-box { border: 1px solid #e1e1e1; border-radius: 6px; margin: 10px; padding: 20px 10px; text-align: center; height: 150px; }

.iml-panel .iml-features-box .feature-name { padding: 5px 0; }

.iml-panel .iml-main-menu { margin: 0px; padding: 0px; }

.iml-panel .iml-main-menu:before, .iml-panel .iml-main-menu:after { content: " "; display: table; }

.iml-panel .iml-main-menu:after { clear: both; }

.iml-panel .iml-main-menu li { width: 100%; text-align: left; padding: 2px 0; list-style-type: none; font-size: 14px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.iml-panel .iml-main-menu li a { color: #9b9b9b; }

.iml-panel .iml-main-menu li a i { font-size: 20px; margin-right: 10px; margin-top: 5px; width: 30px; text-align: center; float: left; }

.iml-panel .iml-main-menu li a:hover, .iml-panel .iml-main-menu li a.current { color: #000; }

.iml-panel .iml-main-menu.paddingXS ul { margin: 0px; padding: 0px; }

.iml-panel .iml-main-menu.paddingXS li { margin-bottom: 5px; list-style-type: none; }

.iml-panel .panel { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; }

.iml-panel .iml-nav-tabs { padding: 0px 10px; }

.iml-panel .iml-nav-tabs ul { margin: 0px; padding: 10px; }

.iml-panel .iml-nav-tabs > li { list-style-type: none; }

.iml-panel .iml-nav-tabs > li .iml-nav-tabs-title { font-size: 14px; font-weight: bold; padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; }

.iml-panel .iml-nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; }

.iml-panel .iml-nav-tabs > li > a .iml-nav-tabs-item { font-size: 14px; }

.iml-panel .iml-nav-tabs > li > a .iml-nav-tabs-item:after { height: 2px; bottom: 0px; }

.iml-panel .iml-nav-tabs > li > a .iml-nav-tabs-item:hover { cursor: pointer; }

.iml-panel .iml-nav-tabs.xs { padding: 0px 5px; }

.iml-panel .iml-nav-tabs.xs ul { margin: 0px; padding: 0px; }

.iml-panel .iml-nav-tabs.xs > li { list-style-type: none; }

.iml-panel .iml-nav-tabs.xs > li > a .iml-nav-tabs-item { font-size: 12px; }

.iml-panel .iml-nav-tabs.lg { padding: 0px 5px; }

.iml-panel .iml-nav-tabs.lg ul { margin: 0px; padding: 0px; }

.iml-panel .iml-nav-tabs.lg > li { list-style-type: none; }

.iml-panel .iml-nav-tabs.lg > li > a .iml-nav-tabs-item { font-size: 16px; }

.iml-panel .table > tbody > tr > td { vertical-align: middle; }

.iml-panel .iml-panel-head { padding: 4px 10px; position: relative; border-top-right-radius: 4px; border-top-left-radius: 4px; }

.iml-panel .iml-panel-head .btn-xs, .iml-panel .iml-panel-head .btn-group .btn-xs, .iml-panel .iml-panel-head .iml-switcher-group, .iml-panel .iml-panel-head .switcher { margin-top: 4px; }

.iml-panel .iml-panel-head .label { display: inline-block; margin-top: 6px; }

.iml-panel .iml-panel-head td > .btn-xs { margin-top: 0px; }

.iml-panel .iml-panel-head .iml-checkbox { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.iml-panel .iml-panel-head .iml-checkbox .check { top: 6px; }

.iml-panel .iml-panel-head .iml-checkbox .iml-panel-title { font-size: 14px; }

.iml-panel .iml-panel-head h5 { margin-top: 0; }

.iml-panel .iml-panel-head .iml-card-header-logo { top: 1px; }

.iml-panel .iml-panel-head .iml-panel-header-name { max-width: 150px; padding-right: 5px; float: left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.iml-panel .iml-panel-head .iml-panel-title .btn-group .btn-xs { margin-top: 0; }

.iml-panel .iml-panel-head .iml-switcher label { margin-right: 0; }

.iml-panel .iml-panel-head .iml-switcher input:checked + label { background: rgba(255, 255, 255, 0.5); }

.iml-panel .iml-panel-head .iml-switcher input:checked + label:before { background: #fff; }

.iml-panel .iml-panel-head .iml-switcher.iml-switcher-sm { padding-top: 4px; }

.iml-panel .iml-panel-head.head-filter i { margin-top: 7px; }

.iml-panel .iml-panel-head:before, .iml-panel .iml-panel-head:after { content: " "; display: table; }

.iml-panel .iml-panel-head:after { clear: both; }

.iml-panel .iml-panel-foot { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 14px; }

.iml-panel .iml-panel-body .no-post { display: block; text-align: center; cursor: pointer; font-style: italic; font-size: 16px; border: 0; background: #fff; padding: 4px; }

.iml-panel .iml-panel-body .im-main-menu { margin: 0px; padding: 0px; }

.iml-panel .iml-panel-body .im-main-menu li { list-style-type: none; font-size: 14px; }

.iml-panel .iml-panel-body .title-type { margin-top: 10px; }

.iml-panel .iml-panel-body .iml-card-info .clearfix { margin-bottom: 0; }

.iml-panel .iml-panel-body .iml-card-info ul { margin: 0px; padding: 0px; }

.iml-panel .iml-panel-body .iml-card-info li { padding: 8px 16px 8px 40px; position: relative; border-bottom: #e5e5e5 solid 1px; list-style-type: none; }

.iml-panel .iml-panel-body .iml-card-info li i { position: absolute; left: 6px; top: 10px; font-size: 24px; }

.iml-panel .iml-panel-body .iml-card-info li:last-child { border-bottom: 0; }

.iml-panel .iml-panel-body .iml-card-info li .info-title, .iml-panel .iml-panel-body .iml-card-info li p { font-size: 12px; margin-bottom: 4px; line-height: 1.125; margin-top: 0; }

.iml-panel .list-group { margin-bottom: 0; }

.iml-panel .list-group-item { border: 0; border-top: solid 1px #ddd; margin-bottom: 0; }

.iml-panel .list-group-item:first-child { border-radius: 0; border: 0; }

.iml-panel .media .media-left a, .iml-panel .media .media-right a { display: inline-block; }

.iml-panel .media .media-body { width: auto; }

.iml-panel .media .media-body .media-heading { font-size: 14px; margin-bottom: 3px; }

.iml-panel .iml-promotion-area { padding: 0 8px; }

.iml-panel .iml-promotion-area .media { padding: 8px 0; }

.iml-panel .iml-promotion-area .media .media-body .media-heading { font-size: 16px; font-weight: bold; margin-top: 5px; color: #ed9118; }

.iml-panel .iml-promotion-area .media .media-body p { font-size: 14px; margin-bottom: 0px; }

.iml-panel-1 .iml-panel-head { position: relative; color: #ffffff; }

.iml-panel-1 .iml-panel-head small { color: rgba(255, 255, 255, 0.75); }

.iml-panel-1 .iml-panel-head .iml-panel-title > a { color: rgba(255, 255, 255, 0.75); color: #ffffff; }

.iml-panel-1 .iml-panel-head .iml-panel-title > a:hover, .iml-panel-1 .iml-panel-head .iml-panel-title > a:focus { color: #ffffff; }

.iml-panel-1 .iml-panel-head .iml-checkbox .checkbox-material .check { top: 6px; }

.iml-panel-1 .iml-panel-head .iml-checkbox input[type="checkbox"]:checked + .checkbox-material .check { color: #fff; }

.iml-panel-1 .iml-panel-foot { background: #f5f5f5; }

.iml-panel-2 .iml-panel-head, .iml-panel-4 .iml-panel-head { border-bottom: 1px solid #ddd; background: #f5f5f5; }

.iml-panel-2 .iml-panel-head .iml-panel-title > a, .iml-panel-4 .iml-panel-head .iml-panel-title > a { color: #333; color: #333; }

.iml-panel-2 .iml-panel-head .iml-panel-title > a:hover, .iml-panel-2 .iml-panel-head .iml-panel-title > a:focus, .iml-panel-4 .iml-panel-head .iml-panel-title > a:hover, .iml-panel-4 .iml-panel-head .iml-panel-title > a:focus { color: #000; }

.iml-panel-2 .iml-panel-head .iml-panel-title > a:hover .badge, .iml-panel-2 .iml-panel-head .iml-panel-title > a:focus .badge, .iml-panel-4 .iml-panel-head .iml-panel-title > a:hover .badge, .iml-panel-4 .iml-panel-head .iml-panel-title > a:focus .badge { background: #d9534f; }

.iml-panel-3 .iml-panel-head { background: #f5f5f5; }

.iml-panel-3 .iml-panel-head .iml-panel-title > a { display: block; }

.iml-panel-3 .iml-panel-head .iml-panel-title > a { color: #333; color: #333; }

.iml-panel-3 .iml-panel-head .iml-panel-title > a:hover, .iml-panel-3 .iml-panel-head .iml-panel-title > a:focus { color: #000; }

.iml-panel-3 .iml-panel-head .iml-panel-title > a:hover .badge, .iml-panel-3 .iml-panel-head .iml-panel-title > a:focus .badge { background: #d9534f; }

.iml-panel-3 .iml-promotion-area .media { margin: 0px; }

.iml-panel-4 .iml-panel-head { padding-right: 0; }

.iml-panel-group .panel { box-shadow: none; border: 0; }

.iml-panel-group .iml-panel { border: 1px solid #ddd; }

.iml-panel-group .iml-list-item-btn { position: absolute; z-index: 1; right: 10px; top: 8px; }

.iml-panel-collapse .iml-panel-head .iml-switcher-xs { margin-top: 6px; }

.iml-panel-collapse .iml-head-collapse { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.im-panel-two h4 { margin-top: 0; margin-bottom: 0; }

.iml-card h5 { margin-top: 0; margin-bottom: 0; }

.iml-notification { position: fixed; z-index: 9999; display: block; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); width: 300px; background: #fff; border-radius: 4px; }

.iml-notification.killed { opacity: 0; }

.iml-notification .media-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 10px 20px 10px 10px; position: relative; }

.iml-notification .media-left::before { background-color: #fff; content: "\00a0"; display: block; height: 16px; position: absolute; top: 24px; right: -9px; transform: rotate(29deg) skew(-35deg); -moz-transform: rotate(29deg) skew(-35deg); -ms-transform: rotate(29deg) skew(-35deg); -o-transform: rotate(29deg) skew(-35deg); -webkit-transform: rotate(29deg) skew(-35deg); width: 14px; }

.iml-notification .media-body { padding: 10px 15px 10px 15px; position: relative; }

.iml-notification .media-body .media-heading { margin-top: 5px; font-size: 16px; }

.iml-notification .media-body .media-heading, .iml-notification .media-body .message-txt { width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.iml-notification .media-body .message-txt { font-size: 14px; }

.iml-notification .media-body .message-txt img { width: 24px; height: 24px; }

.iml-notification .media-body .close { position: absolute; top: 4px; right: 5px; }

.iml-callout { margin-bottom: 8px; background: #fff; border: 1px solid #eee; border-left-width: 5px; border-radius: 4px; }

.iml-callout.iml-callout-muted { border-left-color: #A7ADB6; }

.iml-callout.iml-callout-info { border-left-color: #1b809e; }

.iml-callout.iml-callout-success { border-left-color: #3c763d; }

.iml-callout.iml-callout-warning { border-left-color: #f0ad4e; }

.iml-callout .callout-header { padding: 12px 10px; }

.iml-callout .callout-body table tbody td { vertical-align: middle; }

.iml-callout .callout-footer { padding: 8px 10px; }

.iml-callout .callout-footer .btn { width: 100%; }

.iml-nav-tabs > li { list-style-type: none; float: left; }

.iml-nav-tabs > li > a, .iml-nav-tabs > li > a i, .iml-nav-tabs > li > a label { color: #333; }

.iml-nav-tabs > li > a .iml-nav-tabs-item { margin-bottom: 0; }

.iml-nav-tabs > li > a .iml-nav-tabs-item:after { width: 0; height: 4px; background: #990000; display: block; position: absolute; left: 50%; bottom: 0; content: ""; transition: all .2s ease-in-out; }

.iml-nav-tabs > li > a:hover .iml-nav-tabs-item:after, .iml-nav-tabs > li > a:focus .iml-nav-tabs-item:after { width: 100%; left: 0; }

.iml-nav-tabs > li > a:hover i, .iml-nav-tabs > li > a:hover label { color: #000; }

.iml-nav-tabs .open > a, .iml-nav-tabs .open > a:hover, .iml-nav-tabs .open > a:focus { background: none; }

.iml-nav-tabs .open > a i, .iml-nav-tabs .open > a label, .iml-nav-tabs .open > a:hover i, .iml-nav-tabs .open > a:hover label, .iml-nav-tabs .open > a:focus i, .iml-nav-tabs .open > a:focus label { color: #333; }

.iml-nav-tabs .dropdown > a, .iml-nav-tabs .dropdown > a:focus, .iml-nav-tabs .dropdown > a.focus, .iml-nav-tabs .dropdown > a:hover, .iml-nav-tabs .dropdown > a.hover { background: none; }

.iml-nav-tabs .dropdown-menu ul { margin: 0px; padding: 0px; }

.iml-nav-tabs .dropdown-menu > li { list-style-type: none; }

.iml-nav-tabs .dropdown-menu > li > a { padding: 6px 20px; list-style-type: none; }

.iml-nav-tabs ul { margin: 0px; padding: 10px; }

.iml-nav-tabs > li { list-style-type: none; }

.iml-nav-tabs > li .active > a .iml-nav-tabs-item:after { width: 100%; left: 0; }

.iml-nav-tabs > li .active > a, .iml-nav-tabs > li .active > a i, .iml-nav-tabs > li .active > a label { color: #333; }

.iml-nav-tabs ul { margin: 0px; padding: 10px; }

.iml-nav-tabs > li { list-style-type: none; }

.iml-nav-tabs > li > a:hover, .iml-nav-tabs > li > a:focus { background-color: transparent; }

.iml-nav-pills-sm ul { margin: 0px; padding: 0px; }

.iml-nav-pills-sm > li { font-size: 12px; list-style-type: none; }

.iml-nav-pills-sm > li > a { padding: 6px 10px; }

.iml-nav-pills-sm > li .dropdown-menu { font-size: 12px; }

.iml-nav-pills-sm > li .dropdown-menu .divider { margin: 6px 0; }

.iml-nav-pills-xs ul { margin: 0px; padding: 0px; }

.iml-nav-pills-xs > li { list-style-type: none; font-size: 12px; }

.iml-nav-pills-xs > li > a { padding: 1px 5px; }

.iml-nav-pills-xs > li .dropdown-menu { font-size: 12px; }

.iml-nav-pills-xs > li .dropdown-menu .divider { margin: 4px 0; }

/* btn */
.iml-btn-white-outline { color: #ffffff; background-image: none; background-color: transparent; transition: all 0.5s ease; border-color: #ffffff; }

.iml-btn-white-outline:active, .iml-btn-white-outline.active, .open > .iml-btn-white-outline.dropdown-toggle { color: #fff !important; background-color: #ffffff; border-color: #ffffff; }

.iml-btn-white-outline:active:hover, .iml-btn-white-outline:active:focus, .iml-btn-white-outline:active.focus, .iml-btn-white-outline.active:hover, .iml-btn-white-outline.active:focus, .iml-btn-white-outline.active.focus, .open > .iml-btn-white-outline.dropdown-toggle:hover, .open > .iml-btn-white-outline.dropdown-toggle:focus, .open > .iml-btn-white-outline.dropdown-toggle.focus { color: #fff !important; background-color: #d4d4d4; border-color: #bfbfbf; }

.iml-btn-white-outline:hover, .iml-btn-white-outline:focus, .iml-btn-white-outline.focus { color: #fff !important; background-color: #d4d4d4; border-color: #bfbfbf; }

.iml-btn-white-outline.disabled:focus, .iml-btn-white-outline.disabled.focus, .iml-btn-white-outline:disabled:focus, .iml-btn-white-outline:disabled.focus { border-color: white; }

.iml-btn-white-outline:hover, .iml-btn-white-outline:focus, .iml-btn-white-outline.focus { background-color: #ffffff; color: #333 !important; }

.iml-btn-secondary-outline { color: #cccccc; background-image: none; background-color: transparent; transition: all 0.5s ease; border-color: #cccccc; }

.iml-btn-secondary-outline:active, .iml-btn-secondary-outline.active, .open > .iml-btn-secondary-outline.dropdown-toggle { color: #fff !important; background-color: #cccccc; border-color: #cccccc; }

.iml-btn-secondary-outline:active:hover, .iml-btn-secondary-outline:active:focus, .iml-btn-secondary-outline:active.focus, .iml-btn-secondary-outline.active:hover, .iml-btn-secondary-outline.active:focus, .iml-btn-secondary-outline.active.focus, .open > .iml-btn-secondary-outline.dropdown-toggle:hover, .open > .iml-btn-secondary-outline.dropdown-toggle:focus, .open > .iml-btn-secondary-outline.dropdown-toggle.focus { color: #fff !important; background-color: #a1a1a1; border-color: #8c8c8c; }

.iml-btn-secondary-outline:hover, .iml-btn-secondary-outline:focus, .iml-btn-secondary-outline.focus { color: #fff !important; background-color: #a1a1a1; border-color: #8c8c8c; }

.iml-btn-secondary-outline.disabled:focus, .iml-btn-secondary-outline.disabled.focus, .iml-btn-secondary-outline:disabled:focus, .iml-btn-secondary-outline:disabled.focus { border-color: white; }

.iml-btn-secondary-outline:hover, .iml-btn-secondary-outline:focus, .iml-btn-secondary-outline.focus { background-color: #cccccc; color: #ffffff !important; }

.iml-btn-success-outline { color: #5cb85c; background-image: none; background-color: transparent; transition: all 0.5s ease; border-color: #5cb85c; }

.iml-btn-success-outline:active, .iml-btn-success-outline.active, .open > .iml-btn-success-outline.dropdown-toggle { color: #fff !important; background-color: #5cb85c; border-color: #5cb85c; }

.iml-btn-success-outline:active:hover, .iml-btn-success-outline:active:focus, .iml-btn-success-outline:active.focus, .iml-btn-success-outline.active:hover, .iml-btn-success-outline.active:focus, .iml-btn-success-outline.active.focus, .open > .iml-btn-success-outline.dropdown-toggle:hover, .open > .iml-btn-success-outline.dropdown-toggle:focus, .open > .iml-btn-success-outline.dropdown-toggle.focus { color: #fff !important; background-color: #398439; border-color: #2d672d; }

.iml-btn-success-outline:hover, .iml-btn-success-outline:focus, .iml-btn-success-outline.focus { color: #fff !important; background-color: #398439; border-color: #2d672d; }

.iml-btn-success-outline.disabled:focus, .iml-btn-success-outline.disabled.focus, .iml-btn-success-outline:disabled:focus, .iml-btn-success-outline:disabled.focus { border-color: #a3d7a3; }

.iml-btn-primary-outline { color: #0275d8; background-image: none; background-color: transparent; transition: all 0.5s ease; border-color: #0275d8; }

.iml-btn-primary-outline:active, .iml-btn-primary-outline.active, .open > .iml-btn-primary-outline.dropdown-toggle { color: #fff !important; background-color: #0275d8; border-color: #0275d8; }

.iml-btn-primary-outline:active:hover, .iml-btn-primary-outline:active:focus, .iml-btn-primary-outline:active.focus, .iml-btn-primary-outline.active:hover, .iml-btn-primary-outline.active:focus, .iml-btn-primary-outline.active.focus, .open > .iml-btn-primary-outline.dropdown-toggle:hover, .open > .iml-btn-primary-outline.dropdown-toggle:focus, .open > .iml-btn-primary-outline.dropdown-toggle.focus { color: #fff !important; background-color: #014682; border-color: #01315a; }

.iml-btn-primary-outline:hover, .iml-btn-primary-outline:focus, .iml-btn-primary-outline.focus { color: #fff !important; background-color: #014682; border-color: #01315a; }

.iml-btn-primary-outline.disabled:focus, .iml-btn-primary-outline.disabled.focus, .iml-btn-primary-outline:disabled:focus, .iml-btn-primary-outline:disabled.focus { border-color: #43a7fd; }

.iml-btn-info-outline { color: #5bc0de; background-image: none; background-color: transparent; transition: all 0.5s ease; border-color: #5bc0de; }

.iml-btn-info-outline:active, .iml-btn-info-outline.active, .open > .iml-btn-info-outline.dropdown-toggle { color: #fff !important; background-color: #5bc0de; border-color: #5bc0de; }

.iml-btn-info-outline:active:hover, .iml-btn-info-outline:active:focus, .iml-btn-info-outline:active.focus, .iml-btn-info-outline.active:hover, .iml-btn-info-outline.active:focus, .iml-btn-info-outline.active.focus, .open > .iml-btn-info-outline.dropdown-toggle:hover, .open > .iml-btn-info-outline.dropdown-toggle:focus, .open > .iml-btn-info-outline.dropdown-toggle.focus { color: #fff !important; background-color: #269abc; border-color: #1f7e9a; }

.iml-btn-info-outline:hover, .iml-btn-info-outline:focus, .iml-btn-info-outline.focus { color: #fff !important; background-color: #269abc; border-color: #1f7e9a; }

.iml-btn-info-outline.disabled:focus, .iml-btn-info-outline.disabled.focus, .iml-btn-info-outline:disabled:focus, .iml-btn-info-outline:disabled.focus { border-color: #b0e1ef; }

.iml-btn-warning-outline { color: #f0ad4e; background-image: none; background-color: transparent; transition: all 0.5s ease; border-color: #f0ad4e; }

.iml-btn-warning-outline:active, .iml-btn-warning-outline.active, .open > .iml-btn-warning-outline.dropdown-toggle { color: #fff !important; background-color: #f0ad4e; border-color: #f0ad4e; }

.iml-btn-warning-outline:active:hover, .iml-btn-warning-outline:active:focus, .iml-btn-warning-outline:active.focus, .iml-btn-warning-outline.active:hover, .iml-btn-warning-outline.active:focus, .iml-btn-warning-outline.active.focus, .open > .iml-btn-warning-outline.dropdown-toggle:hover, .open > .iml-btn-warning-outline.dropdown-toggle:focus, .open > .iml-btn-warning-outline.dropdown-toggle.focus { color: #fff !important; background-color: #d58512; border-color: #b06d0f; }

.iml-btn-warning-outline:hover, .iml-btn-warning-outline:focus, .iml-btn-warning-outline.focus { color: #fff !important; background-color: #d58512; border-color: #b06d0f; }

.iml-btn-warning-outline.disabled:focus, .iml-btn-warning-outline.disabled.focus, .iml-btn-warning-outline:disabled:focus, .iml-btn-warning-outline:disabled.focus { border-color: #f8d9ac; }

.iml-btn-danger-outline { color: #d9534f; background-image: none; background-color: transparent; transition: all 0.5s ease; border-color: #d9534f; }

.iml-btn-danger-outline:active, .iml-btn-danger-outline.active, .open > .iml-btn-danger-outline.dropdown-toggle { color: #fff !important; background-color: #d9534f; border-color: #d9534f; }

.iml-btn-danger-outline:active:hover, .iml-btn-danger-outline:active:focus, .iml-btn-danger-outline:active.focus, .iml-btn-danger-outline.active:hover, .iml-btn-danger-outline.active:focus, .iml-btn-danger-outline.active.focus, .open > .iml-btn-danger-outline.dropdown-toggle:hover, .open > .iml-btn-danger-outline.dropdown-toggle:focus, .open > .iml-btn-danger-outline.dropdown-toggle.focus { color: #fff !important; background-color: #ac2925; border-color: #8b211e; }

.iml-btn-danger-outline:hover, .iml-btn-danger-outline:focus, .iml-btn-danger-outline.focus { color: #fff !important; background-color: #ac2925; border-color: #8b211e; }

.iml-btn-danger-outline.disabled:focus, .iml-btn-danger-outline.disabled.focus, .iml-btn-danger-outline:disabled:focus, .iml-btn-danger-outline:disabled.focus { border-color: #eba5a3; }

.btn.playoff-bracket { position: relative; }

.btn.playoff-bracket i { position: absolute; top: 8px; }

.btn.playoff-bracket i.playoff-left-icon { left: 10px; }

.btn.playoff-bracket i.playoff-right-icon { right: 10px; }

.iml-feeds-more { color: #999; line-height: 42px; font-size: 14px; margin-bottom: 8px; border-radius: 4px; }

.iml-feeds-more:hover { background: #e4e8eb; color: #333; }