/*-------------------------------------------------
기본 스킨의 커스터마이징이 필요한 부분을 정리
 -------------------------------------------------*/
/*!* nanum-gothic-coding-regular - korean_latin *!
@font-face {
  font-family: 'Nanum Gothic Coding';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-coding-v11-korean_latin-regular.eot'); !* IE9 Compat Modes *!
  src: local('NanumGothicCoding'),
       url('../fonts/nanum-gothic-coding-v11-korean_latin-regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-regular.woff2') format('woff2'), !* Super Modern Browsers *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-regular.woff') format('woff'), !* Modern Browsers *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-regular.ttf') format('truetype'), !* Safari, Android, iOS *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-regular.svg#NanumGothicCoding') format('svg'); !* Legacy iOS *!
}
!* nanum-gothic-coding-700 - korean_latin *!
@font-face {
  font-family: 'Nanum Gothic Coding';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nanum-gothic-coding-v11-korean_latin-700.eot'); !* IE9 Compat Modes *!
  src: local('NanumGothicCoding-Bold'),
       url('../fonts/nanum-gothic-coding-v11-korean_latin-700.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-700.woff2') format('woff2'), !* Super Modern Browsers *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-700.woff') format('woff'), !* Modern Browsers *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-700.ttf') format('truetype'), !* Safari, Android, iOS *!
       url('../fonts/nanum-gothic-coding-v11-korean_latin-700.svg#NanumGothicCoding') format('svg'); !* Legacy iOS *!
}*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

/*-------------------------------------------------
 * bootstrap customizing
 -------------------------------------------------*/
html { font-size: 13px; }
body, table, thead, tbody, th, tr, td { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; }
table { table-layout: fixed; }
thead tr th { text-align: center; }
li { list-style:none; }

/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding : 0;
}*/

.col-no-padding.col-xs-1, .col-no-padding.col-sm-1, .col-no-padding.col-md-1, .col-no-padding.col-lg-1,
.col-no-padding.col-xs-2, .col-no-padding.col-sm-2, .col-no-padding.col-md-2, .col-no-padding.col-lg-2,
.col-no-padding.col-xs-3, .col-no-padding.col-sm-3, .col-no-padding.col-md-3, .col-no-padding.col-lg-3,
.col-no-padding.col-xs-4, .col-no-padding.col-sm-4, .col-no-padding.col-md-4, .col-no-padding.col-lg-4,
.col-no-padding.col-xs-5, .col-no-padding.col-sm-5, .col-no-padding.col-md-5, .col-no-padding.col-lg-5,
.col-no-padding.col-xs-6, .col-no-padding.col-sm-6, .col-no-padding.col-md-6, .col-no-padding.col-lg-6,
.col-no-padding.col-xs-7, .col-no-padding.col-sm-7, .col-no-padding.col-md-7, .col-no-padding.col-lg-7,
.col-no-padding.col-xs-8, .col-no-padding.col-sm-8, .col-no-padding.col-md-8, .col-no-padding.col-lg-8,
.col-no-padding.col-xs-9, .col-no-padding.col-sm-9, .col-no-padding.col-md-9, .col-no-padding.col-lg-9,
.col-no-padding.col-xs-10, .col-no-padding.col-sm-10, .col-no-padding.col-md-10, .col-no-padding.col-lg-10,
.col-no-padding.col-xs-11, .col-no-padding.col-sm-11, .col-no-padding.col-md-11, .col-no-padding.col-lg-11,
.col-no-padding.col-xs-12, .col-no-padding.col-sm-12, .col-no-padding.col-md-12, .col-no-padding.col-lg-12 {
    padding: 0;
}

.row { margin: 0; }
.navbar { margin-bottom: 0; }
.form-horizontal .form-group, .form-group { margin: 0; height: auto; }
.btn-block + .btn-block { margin-top: 0; }
.container-fluid { padding-right: 5px; padding-left: 5px; }
label { margin-bottom: 0; }

.table tbody tr td.va_top, .table tbody tr th.va_top { vertical-align: top; }

/*-------------------------------------------------
 * main style customizing
 -------------------------------------------------*/
.bg-light-grey { background-color: #e0e0e0 !important; color: #000000; }
.col-light-grey { color: #e0e0e0; }
.bg-white { background-color: #ffffff !important; color: #000000; }
.col-white { color: #ffffff; }
.card .bg-lightgrey { border-bottom: none !important; color: #000000 !important; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; }

section.content { padding: 80px 10px 0 310px; margin:0 !important; /*margin: 80px 10px 0 310px;*/ /*overflow: hidden;*/ }
.ls-closed section.content { padding-left: 10px; /*margin-left: 10px;*/ } /* .sidebar width와 연관되어져 있음 */

/* Table */
/*.table-striped > tbody >tr:nth-of-type(odd) { background-color: #ffffff; }*/
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px !important; vertical-align: inherit; }

/* Card */
.card { padding: 0 5px; margin-bottom: 0; /*min-height: calc(100vh - 80px);*/ }
.card .body { padding: 10px; }
.card .body .col-xs-1, .card .body .col-sm-1, .card .body .col-md-1, .card .body .col-lg-1 { margin-bottom: 0; }
.card .body .col-xs-2, .card .body .col-sm-2, .card .body .col-md-2, .card .body .col-lg-2 { margin-bottom: 0; }
.card .body .col-xs-3, .card .body .col-sm-3, .card .body .col-md-3, .card .body .col-lg-3 { margin-bottom: 0; }
.card .body .col-xs-4, .card .body .col-sm-4, .card .body .col-md-4, .card .body .col-lg-4 { margin-bottom: 0; }
.card .body .col-xs-5, .card .body .col-sm-5, .card .body .col-md-5, .card .body .col-lg-5 { margin-bottom: 0; }
.card .body .col-xs-6, .card .body .col-sm-6, .card .body .col-md-6, .card .body .col-lg-6 { margin-bottom: 0; }
.card .body .col-xs-7, .card .body .col-sm-7, .card .body .col-md-7, .card .body .col-lg-7 { margin-bottom: 0; }
.card .body .col-xs-8, .card .body .col-sm-8, .card .body .col-md-8, .card .body .col-lg-8 { margin-bottom: 0; }
.card .body .col-xs-9, .card .body .col-sm-9, .card .body .col-md-9, .card .body .col-lg-9 { margin-bottom: 0; }
.card .body .col-xs-10, .card .body .col-sm-10, .card .body .col-md-10, .card .body .col-lg-10 { margin-bottom: 0; }
.card .body .col-xs-11, .card .body .col-sm-11, .card .body .col-md-11, .card .body .col-lg-11 { margin-bottom: 0; }
.card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 { margin-bottom: 0; }

/* sidebar */
body.theme-black .sidebar .menu .list a span { color: #9a9a9a; }

.sidebar { font-family: 'Nanum Gothic', sans-serif; /*width : 200px;*/ }
.sidebar .menu { height: 100vh; }
.sidebar .menu .list a { padding: 5px 13px; }
.sidebar .menu .list a span { font-size: 12px; }
.sidebar .menu .list i.material-icons { font-size: 20px; }
.sidebar .menu .list .ml-menu li a { padding-left: 40px; }
.sidebar .menu .list .ml-menu span { font-size: 12px; }

/* breadcrumb */
.breadcrumb > .active { color: #fff; }

/* Label */
.label.label-hangul { position: relative; float: left; cursor:default; padding: 0 7px; line-height: 18px; }

/* 탭 */
.nav-tabs { border-bottom: 1px solid #eee; font-size:12px; }

/* Alert */
.alert { font-size: 12px; margin-bottom: 0; }

/*
 * Callouts (from bootstrap https://getbootstrap.com/docs/3.3/assets/css/docs.min.css)
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 *
 * Common styles for all types
*/
.bs-callout {
    padding:           10px 15px;
    margin:            0; /*5px 0 20px 0;*/
    border:            1px solid #eee;
    border-left-width: 5px;
    border-radius:     3px;
}
.bs-callout h4 {margin-top: 0;margin-bottom: 10px;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {border-radius: 3px;}
.bs-callout + .bs-callout {margin-top: -5px;}
/* Tighten up space between multiple callouts */
/* Variations */
.bs-callout-danger {border-left-color: #ce4844;}
.bs-callout-danger h4 {color: #ce4844;}
.bs-callout-warning {border-left-color: #aa6708;}
.bs-callout-warning h4 {color: #aa6708;}
.bs-callout-info {border-left-color: #1b809e;}
.bs-callout-info h4 {color: #1b809e;}

/*-------------------------------------------------
 * 폼컨트롤 커스터마이징
 -------------------------------------------------*/
.form-control { font-size:12px; }

.input-group { margin-bottom: 5px; }
.input-group .input-group-addon { font-size:12px; }

/* input 관련 */
.form_height_box { margin-bottom: 0; min-height: 30px; display: inline-block; }
.form_height_box > .form-line, .form_height_box > .form-inline {border: 1px solid #ddd;}
.form_height_box > .form-line > input.form-control,
.form_height_box > .form-inline > input.form-control { height: 28px; line-height: 28px; padding: 0 5px; font-size: 12px; width: 100%; }

.form_height {margin-bottom: 0; display: inline-block; }
.form_height > .form-line, .form_height > .form-inline {}
.form_height > .form-line > input.form-control,
.form_height > .form-inline > input.form-control { height: 29px; line-height: 29px; padding: 0; font-size: 12px;}

.form_height_box_lg { margin-bottom: 0; height: 37px; display: inline-block; vertical-align: bottom; }
.form_height_box_lg > .form-line, .form_height_box_lg > .form-inline {border: 1px solid #ddd;}
.form_height_box_lg > .form-line > input.form-control,
.form_height_box_lg > .form-inline > input.form-control { height: 35px; /*line-height: 35px; padding: 0 5px; font-size: 13px;*/ line-height:0; padding: 10px 5px; font-size: 12px; width: 100%; }

.form-line.box, .form-inline.box {border: 1px solid #ddd;}

.form_height_lg { margin-bottom: 0; display: inline-block; }
.form_height_lg > .form-line, .form_height_lg > .form-inline {}
.form_height_lg > .form-line > input.form-control,
.form_height_lg > .form-inline > input.form-control { height: 36px; line-height: 36px; padding: 0; font-size: 12px;}

.form-group label.error { margin-top: 5px; margin-bottom: 0; line-height: normal; min-width: 200px; }
label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #f44336;
    margin-bottom: 0;
    line-height: normal;
    min-width: 200px;
}

.lineheight { line-height: 30px !important; }
.lineheight_lg { line-height: 37px !important; }

/* 버튼 */
/*.btn.focus, .btn:focus, .btn:hover { color: #fff !important; }*/
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: 0; border-radius: 0; border-left: none; }
.btn-group .btn + .dropdown-toggle, .btn-group-vertical .btn + .dropdown-toggle { border-left: none !important; }
/*.btn-group a.btn { line-height: 17px; }*/
.btn:not(.btn-link):not(.btn-circle) { font-size: 13px; }

.dropdown-menu > li > a { font-size: 12px; padding: 5px 18px; }
.bootstrap-select.btn-group .dropdown-menu { max-height: 400px !important; }
.bootstrap-select.btn-group .dropdown-menu.inner { max-height: 390px !important; }
/* .bootstrap-select.btn-group .dropdown-menu 보다 10px 작게 */

/* button badge */
.btn:not(.btn-link):not(.btn-circle) span { position: relative; top: -2px; margin-left: 5px; }

/* Radiobox */
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label { font-size: 13px !important;; margin-bottom: 0; }

/* Checkbox */
[type="checkbox"] + label { height: 21px; font-size: 13px; }
/* select 관련 */
.custom_select { height: 30px; border-bottom: none !important; }
.custom_select > .btn-default { background-color: #efefef !important; height: 30px; padding-top: 9px; padding-bottom: 4px; padding-right: 12px !important; }
.custom_select_lg { height: 37px; border-bottom: none !important; }
.custom_select_lg > .btn-default { background-color: #efefef !important; height: 37px; padding-top: 9px; padding-bottom: 4px; padding-right: 12px !important; }

.custom_select > .btn-default, .custom_select_lg > .btn-default,
.custom_select > .btn-default:hover, .custom_select_lg > .btn-default:hover,
.custom_select > .btn-default:active, .custom_select_lg > .btn-default:active,
.custom_select > .btn-default:focus, .custom_select_lg > .btn-default:focus {
    /*background-color: #efefef !important;*/
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
}

.custom_select.error > .btn-default, .custom_select_lg.error > .btn-default,
.custom_select.error > .btn-default:hover, .custom_select_lg.error > .btn-default:hover,
.custom_select.error > .btn-default:active, .custom_select_lg.error > .btn-default:active,
.custom_select.error > .btn-default:focus, .custom_select_lg.error > .btn-default:focus {
    background-color: #f66258 !important;
    /*background-color: #ff293f !important;*/
    color: #ffffff;
}
/*.custom_select.error > .btn-default,*/
/*.custom_select.error > .btn-default:hover,*/
/*.custom_select.error > .btn-default:active,*/
/*.custom_select.error > .btn-default:focus { background-color: #ff293f !important; color: #fff; }*/

.font_num { font-size: 14px !important; font-family: 'Nanum Gothic Coding', serif !important; }

.help-block { margin-bottom: 0; color: #860ecc; }
.help-inline { color: #860ecc; }
.help-inblock { display: inline-block; margin-top: 0; margin-bottom: 0; color: #860ecc; /*color: #737373;*/ }

.choices { margin-bottom: 0 !important; }
.choices__input { font-size:13px !important; }

.tooltip-inner { max-width: 300px; word-break: keep-all; }

/*-------------------------------------------------
 * 사용자 정의 (custom pseudo class)
 -------------------------------------------------*/
input.only_number { font-size: 14px !important; font-family: 'Nanum Gothic Coding', serif !important; }
input.only_phone_number {font-size: 14px !important;; font-family: 'Nanum Gothic Coding', serif !important; }

/*-------------------------------------------------
 * 사용자 정의
 -------------------------------------------------*/
.b1_dddddd { border: 1px solid #dddddd; }
.b1_e0e0e0 { border: 1px solid #e0e0e0; }

.over_hidden { overflow: hidden; }
.over_visible { overflow: visible; }
.over_init { overflow: initial; }

@media (min-width: 768px) and (max-width: 2000px) {
    /* 메뉴바 재정의 */
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 30px;
    }
    
    .breadcrumb { padding-left: 0 !important; }
}

.required { font-weight: bold !important; color: #ff293f; }
.required::after { content: '*'; color: red; margin-left: 5px; }
.excluded { color: #777777; text-decoration: line-through; }
/*.excluded::after { content: '-'; color: #777777; margin-left: 5px; }*/

td.no_data { text-align: center; font-size: 14px; color: #868686; height: 300px;  line-height: 150px !important; }
td.bg_subject { background-color: #f0f0f0; }

.text_elli1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.text_elli2 {}
.text_elli3 {}

.admin_file_container {
    display:         -webkit-flex;
    display:         flex;
    flex-wrap:       nowrap;
    flex-direction:  row;
    justify-content: center;
    align-content:   center;
    font-size:       12px;
    /*align-items:     center;*/
    /*margin-top:      -1px;*/
    /*border:          1px solid #d0d0d0;*/
}
.admin_file_container .col_preview {
    -webkit-flex: none;
    flex:         none;
    width:        300px;
    max-width:    350px;
    text-align:   center;
    padding: 10px;
    border: 1px solid #f0f0f0;
    margin-right:15px;
}
.admin_file_container .col_preview img {max-width: 100%;max-height: 250px; cursor: zoom-in; }
.admin_file_container .col_preview .preview_info { font-weight: bold; color: red; }
.admin_file_container .col_input {
    -webkit-flex: 1;
    flex:         1;
    text-align:   left;
}
.admin_file_container .col_input+.col_preview { padding:0 0 0 15px; }

/*.grid_wrap {*/
/*display            : grid;*/
/*grid-template-rows : auto;*/
/*border             : none;*/
/*}*/
/*.grid_col2 {*/
/*grid-template-columns : 150px 1fr;*/
/*}*/
/*.grid_wrap > .grid_item { padding : 10px 10px; }*/

/*.grid_wrapper {*/
/*font-size             : 12px;*/
/*border                : 1px solid #d4d4d4;*/
/*border-bottom         : none;*/
/*border-right          : none;*/
/*display               : grid;*/
/*grid-template-columns : 150px 1fr 150px 1fr;*/
/*grid-template-rows    : auto;*/
/*}*/

/*.grid_wrapper .grid_item {*/
/*padding       : 5px 15px;*/
/*border-bottom : 1px solid #d4d4d4;*/
/*border-right  : 1px solid #d4d4d4;*/
/*!*background-color : #eaeaea;*!*/
/*line-height   : 30px;*/
/*}*/


.grid_write_wrap {
    font-size:             12px;
    border:                1px solid #d4d4d4;
    border-bottom:         none;
    border-right:          none;
    display:               grid;
    grid-template-columns: 150px 1fr 150px 1fr;
    grid-template-rows:    auto;
}
.grid_write_wrap > .grid_item {
    padding:       5px 15px;
    border-bottom: 1px solid #d4d4d4;
    border-right:  1px solid #d4d4d4;
    line-height:   30px;
}
.grid_charger_write {
    grid-template-columns: 220px 1fr 220px 1fr;
}

.grid_search_wrap {
    font-size:             12px;
    border:                none;
    display:               grid;
    grid-template-columns: 1fr 200px;
    grid-template-rows:    auto;
}
.grid_search_wrap > .grid_search_item { padding: 0; }
.grid_search_wrap > .grid_search_item > .grid_wrap {
    font-size:             12px;
    border:                1px solid #d4d4d4;
    border-bottom:         none;
    border-right:          none;
    display:               grid;
    grid-template-columns: 110px 1fr 110px 1fr;
    grid-template-rows:    auto;
}
.grid_search_wrap > .grid_search_item > .grid_wrap > .grid_item {
    padding:       5px 15px;
    border-bottom: 1px solid #d4d4d4;
    border-right:  1px solid #d4d4d4;
    line-height:   30px;
}

/* sbNote 다음 사이트를 이용해서 컨버팅 https://autoprefixer.github.io/ */
/*.grid_codegroup_wrap {
    font-size             : 12px;
    border                : none;
    display               : grid;
    grid-template-columns : 1fr 250px 250px 1fr;
    grid-template-rows    : auto;
}*/
.grid_codegroup_wrap {
    font-size:             12px;
    border:                none;
    display:               -ms-grid;
    display:               grid;
    -ms-grid-columns:      1fr 250px 250px 1fr;
    grid-template-columns: 1fr 250px 250px 1fr;
    -ms-grid-rows:         auto;
    grid-template-rows:    auto;
}
.grid_codegroup_wrap > *:nth-child(1) {
    -ms-grid-row:    1;
    -ms-grid-column: 1;
}
.grid_codegroup_wrap > *:nth-child(2) {
    -ms-grid-row:    1;
    -ms-grid-column: 2;
}
.grid_codegroup_wrap > *:nth-child(3) {
    -ms-grid-row:    1;
    -ms-grid-column: 3;
}
.grid_codegroup_wrap > *:nth-child(4) {
    -ms-grid-row:    1;
    -ms-grid-column: 4;
}

.grid_codegroup_wrap > .grid_item {
    padding: 15px 15px;
    /*border-bottom : 1px solid #d4d4d4;*/
    /*border-right  : 1px solid #d4d4d4;*/
    /*line-height   : 30px;*/
}

/*.grid_codegroup_detail_wrap {*/
/*font-size             : 12px;*/
/*border                : none;*/
/*display               : grid;*/
/*grid-template-columns : 70px 1fr;*/
/*grid-template-rows    : auto;*/
/*}*/
.grid_codegroup_detail_wrap {
    font-size:             12px;
    border:                none;
    display:               -ms-grid;
    display:               grid;
    -ms-grid-columns:      70px 1fr;
    grid-template-columns: 70px 1fr;
    -ms-grid-rows:         auto;
    grid-template-rows:    auto;
}
.grid_codegroup_detail_wrap > *:nth-child(1) {
    -ms-grid-row:    1;
    -ms-grid-column: 1;
}
.grid_codegroup_detail_wrap > *:nth-child(2) {
    -ms-grid-row:    1;
    -ms-grid-column: 2;
}
.grid_codegroup_detail_wrap > *:nth-child(3) {
    -ms-grid-row:    2;
    -ms-grid-column: 1;
}
.grid_codegroup_detail_wrap > *:nth-child(4) {
    -ms-grid-row:    2;
    -ms-grid-column: 2;
}
.grid_codegroup_detail_wrap > *:nth-child(5) {
    -ms-grid-row:    3;
    -ms-grid-column: 1;
}
.grid_codegroup_detail_wrap > *:nth-child(6) {
    -ms-grid-row:    3;
    -ms-grid-column: 2;
}
.grid_codegroup_detail_wrap > *:nth-child(7) {
    -ms-grid-row:    4;
    -ms-grid-column: 1;
}
.grid_codegroup_detail_wrap > *:nth-child(8) {
    -ms-grid-row:    4;
    -ms-grid-column: 2;
}

.grid_codegroup_detail_wrap > .grid_item {
    padding:       5px 15px;
    border:        1px solid #d4d4d4;
    margin-bottom: -1px;
    margin-left:   -1px;
    line-height:   30px;
}


@media (max-width: 1300px) {
    .grid_search_wrap > .grid_search_item > .grid_wrap {
        grid-template-columns: 150px 1fr;
    }
    
    .search_btn_wrap > button {
        height: 120px;
    }
}
@media (max-width: 800px) {
    .grid_search_wrap {
        grid-template-columns: 1fr;
    }
}

/*.grid_wrapper .grid_item:nth-child(2n -1) { background-color : #eaeaea; }*/
/*.grid_wrapper .grid_span { grid-column : span 3; }*/
/*.spanall { grid-column : span 2; grid-row : span 20;}*/

/*-------------------------------------------------
 * jquery sortable
 -------------------------------------------------*/
body.dragging, body.dragging * { cursor: move !important; }
.dragged { position: absolute; opacity: 0.5; z-index: 2000; }
ol.sortable { /*border: 1px solid #ddd;*/ margin: 0; padding: 0; }
ol.sortable li { list-style: none; padding: 0 10px; line-height: 30px; border: 1px solid #ddd; margin-bottom: -1px; cursor: pointer; }
ol.sortable li > i { top: 8px; position: relative; margin-right: 5px; cursor: move; }
ol.sortable li:focus, ol.sortable li:hover { color: #555; text-decoration: none; background-color: #f5f5f5; }
ol.sortable li.placeholder {
    position: relative;
    /** More li styles **/
}
ol.sortable li.placeholder:before {
    position:          absolute;
    content:           "";
    width:             0;
    height:            0;
    /*margin-top: -5px;*/
    /*left: -5px;*/
    /*top: -4px;*/
    margin-top:        0;
    left:              -10px;
    top:               -7px;
    border:            5px solid transparent;
    border-left-color: red;
    border-right:      none;
}

/*-------------------------------------------------
 * Magnific Popup Style
 -------------------------------------------------*/

/**
 * Fade-zoom animation for first dialog
 */

/* padding for main container */
.mfp-no-margins .mfp-container { padding: 0; }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* for zoom animation */
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity:            0;
    
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:    all 0.2s ease-in-out;
    -o-transition:      all 0.2s ease-in-out;
    transition:         all 0.2s ease-in-out;
    
    -webkit-transform:  scale(0.8);
    -moz-transform:     scale(0.8);
    -ms-transform:      scale(0.8);
    -o-transform:       scale(0.8);
    transform:          scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity:           1;
    
    -webkit-transform: scale(1);
    -moz-transform:    scale(1);
    -ms-transform:     scale(1);
    -o-transform:      scale(1);
    transform:         scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform:    scale(0.8);
    -ms-transform:     scale(0.8);
    -o-transform:      scale(0.8);
    transform:         scale(0.8);
    
    opacity:           0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity:            0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition:    opacity 0.3s ease-out;
    -o-transition:      opacity 0.3s ease-out;
    transition:         opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity:            0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition:    all 0.2s ease-out;
    -o-transition:      all 0.2s ease-out;
    transition:         all 0.2s ease-out;
    
    -webkit-transform:  translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform:     translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform:      translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform:       translateY(-20px) perspective(600px) rotateX(10deg);
    transform:          translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity:           1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform:    translateY(0) perspective(600px) rotateX(0);
    -ms-transform:     translateY(0) perspective(600px) rotateX(0);
    -o-transform:      translateY(0) perspective(600px) rotateX(0);
    transform:         translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity:           0;
    
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform:    translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform:     translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform:      translateY(-10px) perspective(600px) rotateX(10deg);
    transform:         translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity:            0;
    
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition:    opacity 0.3s ease-out;
    -o-transition:      opacity 0.3s ease-out;
    transition:         opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.highlight {font-weight:bold; color:#7519FF}

/*-------------------------------------------------
 * style.css Helpers
 -------------------------------------------------*/
.m-l--125 { margin-left: -125px !important; }
.m-t--125 { margin-top: -125px !important; }
.m-r--125 { margin-right: -125px !important; }
.m-b--125 { margin-bottom: -125px !important; }
.m-l--120 { margin-left: -120px !important; }
.m-t--120 { margin-top: -120px !important; }
.m-r--120 { margin-right: -120px !important; }
.m-b--120 { margin-bottom: -120px !important; }
.m-l--115 { margin-left: -115px !important; }
.m-t--115 { margin-top: -115px !important; }
.m-r--115 { margin-right: -115px !important; }
.m-b--115 { margin-bottom: -115px !important; }
.m-l--110 { margin-left: -110px !important; }
.m-t--110 { margin-top: -110px !important; }
.m-r--110 { margin-right: -110px !important; }
.m-b--110 { margin-bottom: -110px !important; }
.m-l--105 { margin-left: -105px !important; }
.m-t--105 { margin-top: -105px !important; }
.m-r--105 { margin-right: -105px !important; }
.m-b--105 { margin-bottom: -105px !important; }
.m-l--100 { margin-left: -100px !important; }
.m-t--100 { margin-top: -100px !important; }
.m-r--100 { margin-right: -100px !important; }
.m-b--100 { margin-bottom: -100px !important; }
.m-l--95 { margin-left: -95px !important; }
.m-t--95 { margin-top: -95px !important; }
.m-r--95 { margin-right: -95px !important; }
.m-b--95 { margin-bottom: -95px !important; }
.m-l--90 { margin-left: -90px !important; }
.m-t--90 { margin-top: -90px !important; }
.m-r--90 { margin-right: -90px !important; }
.m-b--90 { margin-bottom: -90px !important; }
.m-l--85 { margin-left: -85px !important; }
.m-t--85 { margin-top: -85px !important; }
.m-r--85 { margin-right: -85px !important; }
.m-b--85 { margin-bottom: -85px !important; }
.m-l--80 { margin-left: -80px !important; }
.m-t--80 { margin-top: -80px !important; }
.m-r--80 { margin-right: -80px !important; }
.m-b--80 { margin-bottom: -80px !important; }
.m-l--75 { margin-left: -75px !important; }
.m-t--75 { margin-top: -75px !important; }
.m-r--75 { margin-right: -75px !important; }
.m-b--75 { margin-bottom: -75px !important; }
.m-l--70 { margin-left: -70px !important; }
.m-t--70 { margin-top: -70px !important; }
.m-r--70 { margin-right: -70px !important; }
.m-b--70 { margin-bottom: -70px !important; }
.m-l--65 { margin-left: -65px !important; }
.m-t--65 { margin-top: -65px !important; }
.m-r--65 { margin-right: -65px !important; }
.m-b--65 { margin-bottom: -65px !important; }
.m-l--60 { margin-left: -60px !important; }
.m-t--60 { margin-top: -60px !important; }
.m-r--60 { margin-right: -60px !important; }
.m-b--60 { margin-bottom: -60px !important; }
.m-l--55 { margin-left: -55px !important; }
.m-t--55 { margin-top: -55px !important; }
.m-r--55 { margin-right: -55px !important; }
.m-b--55 { margin-bottom: -55px !important; }
.m-l--50 { margin-left: -50px !important; }
.m-t--50 { margin-top: -50px !important; }
.m-r--50 { margin-right: -50px !important; }
.m-b--50 { margin-bottom: -50px !important; }
.m-l--45 { margin-left: -45px !important; }
.m-t--45 { margin-top: -45px !important; }
.m-r--45 { margin-right: -45px !important; }
.m-b--45 { margin-bottom: -45px !important; }
.m-l--40 { margin-left: -40px !important; }
.m-t--40 { margin-top: -40px !important; }
.m-r--40 { margin-right: -40px !important; }
.m-b--40 { margin-bottom: -40px !important; }
.m-l--35 { margin-left: -35px !important; }
.m-t--35 { margin-top: -35px !important; }
.m-r--35 { margin-right: -35px !important; }
.m-b--35 { margin-bottom: -35px !important; }
.m-l--30 { margin-left: -30px !important; }
.m-t--30 { margin-top: -30px !important; }
.m-r--30 { margin-right: -30px !important; }
.m-b--30 { margin-bottom: -30px !important; }
.m-l--25 { margin-left: -25px !important; }
.m-t--25 { margin-top: -25px !important; }
.m-r--25 { margin-right: -25px !important; }
.m-b--25 { margin-bottom: -25px !important; }
.m-l--20 { margin-left: -20px !important; }
.m-t--20 { margin-top: -20px !important; }
.m-r--20 { margin-right: -20px !important; }
.m-b--20 { margin-bottom: -20px !important; }
.m-l--15 { margin-left: -15px !important; }
.m-t--15 { margin-top: -15px !important; }
.m-r--15 { margin-right: -15px !important; }
.m-b--15 { margin-bottom: -15px !important; }
.m-l--10 { margin-left: -10px !important; }
.m-t--10 { margin-top: -10px !important; }
.m-r--10 { margin-right: -10px !important; }
.m-b--10 { margin-bottom: -10px !important; }
.m-l--5 { margin-left: -5px !important; }
.m-t--5 { margin-top: -5px !important; }
.m-r--5 { margin-right: -5px !important; }
.m-b--5 { margin-bottom: -5px !important; }
.m-l-0 { margin-left: 0 !important; }
.m-t-0 { margin-top: 0 !important; }
.m-r-0 { margin-right: 0 !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-l-5 { margin-left: 5px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-r-35 { margin-right: 35px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-l-40 { margin-left: 40px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-r-40 { margin-right: 40px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-l-45 { margin-left: 45px !important; }
.m-t-45 { margin-top: 45px !important; }
.m-r-45 { margin-right: 45px !important; }
.m-b-45 { margin-bottom: 45px !important; }
.m-l-50 { margin-left: 50px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-r-50 { margin-right: 50px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-l-55 { margin-left: 55px !important; }
.m-t-55 { margin-top: 55px !important; }
.m-r-55 { margin-right: 55px !important; }
.m-b-55 { margin-bottom: 55px !important; }
.m-l-60 { margin-left: 60px !important; }
.m-t-60 { margin-top: 60px !important; }
.m-r-60 { margin-right: 60px !important; }
.m-b-60 { margin-bottom: 60px !important; }
.m-l-65 { margin-left: 65px !important; }
.m-t-65 { margin-top: 65px !important; }
.m-r-65 { margin-right: 65px !important; }
.m-b-65 { margin-bottom: 65px !important; }
.m-l-70 { margin-left: 70px !important; }
.m-t-70 { margin-top: 70px !important; }
.m-r-70 { margin-right: 70px !important; }
.m-b-70 { margin-bottom: 70px !important; }
.m-l-75 { margin-left: 75px !important; }
.m-t-75 { margin-top: 75px !important; }
.m-r-75 { margin-right: 75px !important; }
.m-b-75 { margin-bottom: 75px !important; }
.m-l-80 { margin-left: 80px !important; }
.m-t-80 { margin-top: 80px !important; }
.m-r-80 { margin-right: 80px !important; }
.m-b-80 { margin-bottom: 80px !important; }
.m-l-85 { margin-left: 85px !important; }
.m-t-85 { margin-top: 85px !important; }
.m-r-85 { margin-right: 85px !important; }
.m-b-85 { margin-bottom: 85px !important; }
.m-l-90 { margin-left: 90px !important; }
.m-t-90 { margin-top: 90px !important; }
.m-r-90 { margin-right: 90px !important; }
.m-b-90 { margin-bottom: 90px !important; }
.m-l-95 { margin-left: 95px !important; }
.m-t-95 { margin-top: 95px !important; }
.m-r-95 { margin-right: 95px !important; }
.m-b-95 { margin-bottom: 95px !important; }
.m-l-100 { margin-left: 100px !important; }
.m-t-100 { margin-top: 100px !important; }
.m-r-100 { margin-right: 100px !important; }
.m-b-100 { margin-bottom: 100px !important; }
.m-l-105 { margin-left: 105px !important; }
.m-t-105 { margin-top: 105px !important; }
.m-r-105 { margin-right: 105px !important; }
.m-b-105 { margin-bottom: 105px !important; }
.m-l-110 { margin-left: 110px !important; }
.m-t-110 { margin-top: 110px !important; }
.m-r-110 { margin-right: 110px !important; }
.m-b-110 { margin-bottom: 110px !important; }
.m-l-115 { margin-left: 115px !important; }
.m-t-115 { margin-top: 115px !important; }
.m-r-115 { margin-right: 115px !important; }
.m-b-115 { margin-bottom: 115px !important; }
.m-l-120 { margin-left: 120px !important; }
.m-t-120 { margin-top: 120px !important; }
.m-r-120 { margin-right: 120px !important; }
.m-b-120 { margin-bottom: 120px !important; }
.m-l-125 { margin-left: 125px !important; }
.m-t-125 { margin-top: 125px !important; }
.m-r-125 { margin-right: 125px !important; }
.m-b-125 { margin-bottom: 125px !important; }
.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }
.m-45 { margin: 45px !important; }
.m-50 { margin: 50px !important; }
.margin-0 { margin: 0 !important; }

.p-l-0 { padding-left: 0 !important; }
.p-t-0 { padding-top: 0 !important; }
.p-r-0 { padding-right: 0 !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-l-5 { padding-left: 5px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-r-40 { padding-right: 40px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-l-45 { padding-left: 45px !important; }
.p-t-45 { padding-top: 45px !important; }
.p-r-45 { padding-right: 45px !important; }
.p-b-45 { padding-bottom: 45px !important; }
.p-l-50 { padding-left: 50px !important; }
.p-t-50 { padding-top: 50px !important; }
.p-r-50 { padding-right: 50px !important; }
.p-b-50 { padding-bottom: 50px !important; }
.p-l-55 { padding-left: 55px !important; }
.p-t-55 { padding-top: 55px !important; }
.p-r-55 { padding-right: 55px !important; }
.p-b-55 { padding-bottom: 55px !important; }
.p-l-60 { padding-left: 60px !important; }
.p-t-60 { padding-top: 60px !important; }
.p-r-60 { padding-right: 60px !important; }
.p-b-60 { padding-bottom: 60px !important; }
.p-l-65 { padding-left: 65px !important; }
.p-t-65 { padding-top: 65px !important; }
.p-r-65 { padding-right: 65px !important; }
.p-b-65 { padding-bottom: 65px !important; }
.p-l-70 { padding-left: 70px !important; }
.p-t-70 { padding-top: 70px !important; }
.p-r-70 { padding-right: 70px !important; }
.p-b-70 { padding-bottom: 70px !important; }
.p-l-75 { padding-left: 75px !important; }
.p-t-75 { padding-top: 75px !important; }
.p-r-75 { padding-right: 75px !important; }
.p-b-75 { padding-bottom: 75px !important; }
.p-l-80 { padding-left: 80px !important; }
.p-t-80 { padding-top: 80px !important; }
.p-r-80 { padding-right: 80px !important; }
.p-b-80 { padding-bottom: 80px !important; }
.p-l-85 { padding-left: 85px !important; }
.p-t-85 { padding-top: 85px !important; }
.p-r-85 { padding-right: 85px !important; }
.p-b-85 { padding-bottom: 85px !important; }
.p-l-90 { padding-left: 90px !important; }
.p-t-90 { padding-top: 90px !important; }
.p-r-90 { padding-right: 90px !important; }
.p-b-90 { padding-bottom: 90px !important; }
.p-l-95 { padding-left: 95px !important; }
.p-t-95 { padding-top: 95px !important; }
.p-r-95 { padding-right: 95px !important; }
.p-b-95 { padding-bottom: 95px !important; }
.p-l-100 { padding-left: 100px !important; }
.p-t-100 { padding-top: 100px !important; }
.p-r-100 { padding-right: 100px !important; }
.p-b-100 { padding-bottom: 100px !important; }
.p-l-105 { padding-left: 105px !important; }
.p-t-105 { padding-top: 105px !important; }
.p-r-105 { padding-right: 105px !important; }
.p-b-105 { padding-bottom: 105px !important; }
.p-l-110 { padding-left: 110px !important; }
.p-t-110 { padding-top: 110px !important; }
.p-r-110 { padding-right: 110px !important; }
.p-b-110 { padding-bottom: 110px !important; }
.p-l-115 { padding-left: 115px !important; }
.p-t-115 { padding-top: 115px !important; }
.p-r-115 { padding-right: 115px !important; }
.p-b-115 { padding-bottom: 115px !important; }
.p-l-120 { padding-left: 120px !important; }
.p-t-120 { padding-top: 120px !important; }
.p-r-120 { padding-right: 120px !important; }
.p-b-120 { padding-bottom: 120px !important; }
.p-l-125 { padding-left: 125px !important; }
.p-t-125 { padding-top: 125px !important; }
.p-r-125 { padding-right: 125px !important; }
.p-b-125 { padding-bottom: 125px !important; }
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }
.p-45 { padding: 45px !important; }
.p-50 { padding: 50px !important; }
.padding-0 { padding: 0 !important; }

.font-6 { font-size: 6px !important; }
.font-7 { font-size: 7px !important; }
.font-8 { font-size: 8px !important; }
.font-9 { font-size: 9px !important; }
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-17 { font-size: 17px !important; }
.font-18 { font-size: 18px !important; }
.font-19 { font-size: 19px !important; }
.font-20 { font-size: 20px !important; }
.font-21 { font-size: 21px !important; }
.font-22 { font-size: 22px !important; }
.font-23 { font-size: 23px !important; }
.font-24 { font-size: 24px !important; }
.font-25 { font-size: 25px !important; }
.font-26 { font-size: 26px !important; }
.font-27 { font-size: 27px !important; }
.font-28 { font-size: 28px !important; }
.font-29 { font-size: 29px !important; }
.font-30 { font-size: 30px !important; }
.font-31 { font-size: 31px !important; }
.font-32 { font-size: 32px !important; }
.font-33 { font-size: 33px !important; }
.font-34 { font-size: 34px !important; }
.font-35 { font-size: 35px !important; }
.font-36 { font-size: 36px !important; }
.font-37 { font-size: 37px !important; }
.font-38 { font-size: 38px !important; }
.font-39 { font-size: 39px !important; }
.font-40 { font-size: 40px !important; }
.font-41 { font-size: 41px !important; }
.font-42 { font-size: 42px !important; }
.font-43 { font-size: 43px !important; }
.font-44 { font-size: 44px !important; }
.font-45 { font-size: 45px !important; }
.font-46 { font-size: 46px !important; }
.font-47 { font-size: 47px !important; }
.font-48 { font-size: 48px !important; }
.font-49 { font-size: 49px !important; }
.font-50 { font-size: 50px !important; }

.font-normal { font-weight: normal; }
.font-bold { font-weight: bold; }
.font-italic { font-style: italic; }
.font-underline { text-decoration: underline; }
.font-line-through { text-decoration: line-through; }
.font-overline { text-decoration: overline; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

.no-resize { resize: none; }

.d_inblock { display: inline-block; }
.d_block { display: block; }
.d_none { display: none;}

.p_absolute { position: absolute; }
.p_relative { position: relative; }
.p_fixed {position: fixed; }

.f_left { float: left; }
.f_right { float: right; }

.bg_c0 { background-color: #c0c0c0; }
.bg_d4 { background-color: #d4d4d4; }
.bg_ea { background-color: #eaeaea; }
.bg_f9 { background-color: #f9f9f9; }

.wp-5 { width: 5% !important; }
.wp-10 { width: 10% !important; }
.wp-15 { width: 15% !important; }
.wp-20 { width: 20% !important; }
.wp-25 { width: 25% !important; }
.wp-30 { width: 30% !important; }
.wp-35 { width: 35% !important; }
.wp-40 { width: 40% !important; }
.wp-45 { width: 45% !important; }
.wp-50 { width: 50% !important; }
.wp-55 { width: 55% !important; }
.wp-60 { width: 60% !important; }
.wp-65 { width: 65% !important; }
.wp-70 { width: 70% !important; }
.wp-75 { width: 75% !important; }
.wp-80 { width: 80% !important; }
.wp-85 { width: 85% !important; }
.wp-90 { width: 90% !important; }
.wp-95 { width: 95% !important; }
.wp-100 { width: 100% !important; }

.width-10 { width: 10px !important; }
.width-20 { width: 20px !important; }
.width-30 { width: 30px !important; }
.width-40 { width: 40px !important; }
.width-50 { width: 50px !important; }
.width-60 { width: 60px !important; }
.width-70 { width: 70px !important; }
.width-80 { width: 80px !important; }
.width-90 { width: 90px !important; }
.width-100 { width: 100px !important; }
.width-110 { width: 110px !important; }
.width-120 { width: 120px !important; }
.width-130 { width: 130px !important; }
.width-140 { width: 140px !important; }
.width-150 { width: 150px !important; }
.width-160 { width: 160px !important; }
.width-170 { width: 170px !important; }
.width-180 { width: 180px !important; }
.width-190 { width: 190px !important; }
.width-200 { width: 200px !important; }
.width-210 { width: 210px !important; }
.width-220 { width: 220px !important; }
.width-230 { width: 230px !important; }
.width-240 { width: 240px !important; }
.width-250 { width: 250px !important; }
.width-260 { width: 260px !important; }
.width-270 { width: 270px !important; }
.width-280 { width: 280px !important; }
.width-290 { width: 290px !important; }
.width-300 { width: 300px !important; }
.width-310 { width: 310px !important; }
.width-320 { width: 320px !important; }
.width-330 { width: 330px !important; }
.width-340 { width: 340px !important; }
.width-350 { width: 350px !important; }
.width-360 { width: 360px !important; }
.width-370 { width: 370px !important; }
.width-380 { width: 380px !important; }
.width-390 { width: 390px !important; }
.width-400 { width: 400px !important; }
.width-410 { width: 410px !important; }
.width-420 { width: 420px !important; }
.width-430 { width: 430px !important; }
.width-440 { width: 440px !important; }
.width-450 { width: 450px !important; }
.width-460 { width: 460px !important; }
.width-470 { width: 470px !important; }
.width-480 { width: 480px !important; }
.width-490 { width: 490px !important; }
.width-500 { width: 500px !important; }
.width-550 { width: 550px !important; }
.width-600 { width: 600px !important; }
.width-650 { width: 650px !important; }
.width-700 { width: 700px !important; }
.width-750 { width: 750px !important; }
.width-800 { width: 800px !important; }
.width-850 { width: 850px !important; }
.width-900 { width: 900px !important; }
.width-950 { width: 950px !important; }
.width-1000 { width: 1000px !important; }

.height_5 { height: 5px !important; }
.height_15 { height: 15px !important; }
.height_20 { height: 20px !important; }
.height_25 { height: 25px !important; }
.height_30 { height: 30px !important; }
.height_35 { height: 35px !important; }
.height_40 { height: 40px !important; }
.height_45 { height: 45px !important; }
.height_50 { height: 50px !important; }
.height_55 { height: 55px !important; }
.height_60 { height: 60px !important; }
.height_65 { height: 65px !important; }
.height_70 { height: 70px !important; }
.height_75 { height: 75px !important; }
.height_80 { height: 80px !important; }
.height_85 { height: 85px !important; }
.height_90 { height: 90px !important; }
.height_95 { height: 95px !important; }
.height_100 { height: 100px !important; }

.colspan2 { -ms-grid-column-span: 2; grid-column: span 2;}
.colspan3 { -ms-grid-column-span: 3; grid-column: span 3;}
.colspan4 { -ms-grid-column-span: 4; grid-column: span 4;}
.colspan5 { -ms-grid-column-span: 5; grid-column: span 5;}
.colspan6 { -ms-grid-column-span: 6; grid-column: span 6;}
.colspan7 { -ms-grid-column-span: 7; grid-column: span 7;}
.colspan8 { -ms-grid-column-span: 8; grid-column: span 8;}
.colspan9 { -ms-grid-column-span: 9; grid-column: span 9;}
.colspan10 { -ms-grid-column-span: 10; grid-column: span 10;}

.rowspan2 { -ms-grid-row-span: 2; grid-row: span 2;}
.rowspan3 { -ms-grid-row-span: 3; grid-row: span 3;}
.rowspan4 { -ms-grid-row-span: 4; grid-row: span 4;}
.rowspan5 { -ms-grid-row-span: 5; grid-row: span 5;}
.rowspan6 { -ms-grid-row-span: 6; grid-row: span 6;}
.rowspan7 { -ms-grid-row-span: 7; grid-row: span 7;}
.rowspan8 { -ms-grid-row-span: 8; grid-row: span 8;}
.rowspan9 { -ms-grid-row-span: 9; grid-row: span 9;}
.rowspan10 { -ms-grid-row-span: 10; grid-row: span 10;}
.rowspan11 { -ms-grid-row-span: 11; grid-row: span 11;}
.rowspan12 { -ms-grid-row-span: 12; grid-row: span 12;}
.rowspan13 { -ms-grid-row-span: 13; grid-row: span 13;}
.rowspan14 { -ms-grid-row-span: 14; grid-row: span 14;}
.rowspan15 { -ms-grid-row-span: 15; grid-row: span 15;}
.rowspan16 { -ms-grid-row-span: 16; grid-row: span 16;}
.rowspan17 { -ms-grid-row-span: 17; grid-row: span 17;}
.rowspan18 { -ms-grid-row-span: 18; grid-row: span 18;}
.rowspan19 { -ms-grid-row-span: 19; grid-row: span 19;}
.rowspan20 { -ms-grid-row-span: 20; grid-row: span 20;}