mplusDemo/mplus-fatima/WebContent/resources/css/mobile_poc/mobile.css

@charset "UTF-8";

@import "https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&subset=korean";
@import "reset.css";

@import "../publishing/fontello/fontello-codes.css";
@import "../publishing/fontello/fontello.css";



/* 03-06 Radio Button 추가*/
.radio > label {
  padding-left: 35px;
  min-height: 22px;
  line-height: 22px;
  display: inline-block;
}

.radio > input[type="radio"] {
  opacity: 0;
  margin-left: 0px;
}
.radio input[type="radio"] {
  position: absolute;
}


.radio > input[type="radio"]:checked + label::before {
  content: "\e013";
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-weight: normal;
  font-size: 10px;
  color: #fff;
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 20px;
  border: 1px solid #2e6da4;
  border-radius: 0px;
  background-color: #337ab7;
  text-align: center;
  margin-left: -29px;
  vertical-align: text-top;
}

.radio > input[type="radio"] + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  border: 1px solid #D3CFC8;
  border-radius: 0px;
  margin-left: -29px;
}


.radio > input[type="radio"] + label::before{
  border-radius: 50% !important;
}
/* 03-06 Radio Button 추가 END*/


/* Loading Progress */
.wrap-loading{
  z-index: 9999;
  position: absolute;
  padding: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
}
.loader {
  position: absolute;
  top: 50%;
  left: 55%;
  margin-top: -50px;
  margin-left: -50px;
  /* border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db; */
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
/* Loading Progress */

/* 버튼 색상 재정의 */
.btn-primary {
  color: #ffffff;
  background-color: #0468b4;
  border-color: #0468b4;
}

.btn-secondary {
  background-color: #e6e6e6;
  border:2px solid #e6e6e6;
}

.btn-danger {
  color: #ffffff;
  background-color: #dd4132;
  border-color: #dd4132;
}

.btn-councel {
  color: #ffffff;
  background-color: #33aac2;
  border-color: #33aac2;
}

.btn-barcode{
  color: #ffffff;
  background-color: #33a9c2;
 border-color: #33a9c2;
}

.btn-outline-barcode{
  color: #33a9c2;
  border:2px solid #33a9c2;
}

.btn-check{
  color: #ffffff;
  background-color: #ff6f61;
 border-color: #ff6f61;
}

.btn-outline-check{
  color: #ff6f61;
  border:2px solid #ff6f61;
}

.btn-ok{
  color: #ffffff;
  background-color: #038ead;
  border-color: #038ead;
}

.btn-dark {
  color: #666666;
  background-color: #ffffff;
  border:2px solid #666666;
}

.btn-dark:active:hover,
.btn-dark.active:hover,
.open > .dropdown-toggle.btn-dark:hover,
.btn-dark:active:focus,
.btn-dark.active:focus,
.open > .dropdown-toggle.btn-dark:focus,
.btn-dark:active.focus,
.btn-dark.active.focus,
.open > .dropdown-toggle.btn-dark.focus {
  color: #ffffff;
  background-color: #666666;
  border:2px solid #666666;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
    color: #fff;
     background-color: #666666;
    border:2px solid #666666;
}

.btn-outline-check:active:hover,
.btn-outline-check.active:hover,
.open > .dropdown-toggle.btn-outline-check:hover,
.btn-outline-check:active:focus,
.btn-outline-check.active:focus,
.open > .dropdown-toggle.btn-outline-check:focus,
.btn-outline-check:active.focus,
.btn-outline-check.active.focus,
.open > .dropdown-toggle.btn-dark.focus {
  color: #ffffff;
  background-color: #ff6f61;
  border:2px solid #ff6f61;
}

.btn-outline-check:not(:disabled):not(.disabled).active, .btn-outline-check:not(:disabled):not(.disabled):active {
    color: #fff;
     background-color: #ff6f61;
    border:2px solid #ff6f61;
}

.text-color1 {color:#038eac}

/* end 버튼 색상 재정의 */

/***  Header 메뉴 ***/
.side-left{opacity:0;}
.side-left.active{opacity:1;}
.side-left .side-left-content,
.side-left .side-left-overlay {top: 0;left: 0;bottom: 0;position: fixed;transition: all .1s ease-in-out 0s}
.side-left .side-left-overlay {left: 0;opacity: 0;width: 100%;z-index: 1000;background: rgba(0, 0, 0, 0.45)}
.side-left .side-left-content {overflow-y:auto;width:90%;transform: translateX(-100%);height:100%;color: #333;padding: 0;z-index: 1000;background:#fff;border:1px solid #dcdcdc;border-top-left-radius: 0.5em;border-bottom-left-radius: 0.5em;}
.side-left.active .side-left-content {transform: translateX(0%);border: none;border-top-right-radius:0.5em;border-bottom-right-radius: 0.5em;border-top-left-radius:0;border-bottom-left-radius: 0;box-shadow: 0px 3px 15px 3px rgba(0, 0, 0, 0.4);}
.side-left.active .side-left-overlay {opacity: 0;height:100%;transform: opacity 0.3s;}
.side-left .side-content .nav-left>a {color: #333;display: block;font-size: 16px;padding: 10px 0;line-height: 24px;vertical-align: top;text-decoration: none}
.side-left .side-content .nav-left>a>span {color: #aaa;font-size: 24px;min-width: 40px;display: inline-block}
.side-left .panel{border:0;box-shadow:none}
.logout{overflow:hidden;}
.logout button{background:none;font-size:13.03px;font-weight:600;color:#a4a4a4;}
.logout button.out{color:#405ab7;}
.setup{display:inline-block;background:#fff;outline:none}
.close{display:inline-block;background:#fff;outline:none}

#mainMenu .menu_top{height: 76px;font-size:0;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);}
#mainMenu .menu_top h5{display: inline-block;width: 16%;margin:0;background: #0067a1;color:#fff;font-size:30px;line-height: 72px;vertical-align: top;text-align:center;line-height: 76px;padding-top:4px;box-shadow:0px 5px 15px rgba(0, 0, 0, 0.1)}
#mainMenu .menu_top div{display: inline-block; width: 55%;padding:12px 0 12px 16px}
#mainMenu .menu_top .name p{margin-bottom:0;color:#000;font-size:21px;line-height:28px;font-weight: bold;}
#mainMenu .menu_top .name span{display: inline-block;color:#545454;font-size:15px;font-weight: bold;}
#mainMenu .menu_top .name span a{display: inline-block;margin-left:5px;width:24px;height: 24px;background: url(../images/publishing/ico_pen.png) no-repeat;background-size: 18px;}
#mainMenu .menu_top .name span a i{display: inline-block;text-indent: -9999px;}
#mainMenu .menu_top .btn{float:right;padding-top:30px;width: 29%;height: 76px;padding: 25px 0;}
#mainMenu .menu_top .btn button{color:#333333;font-size:40px;background: none;opacity: 1;}
#mainMenu .menu_top .btn button.close{width: 22px;height: 22px;background: url(../images/publishing/ico_close_main.png) no-repeat;background-size: 22px;margin-right:20px;}
#mainMenu .menu_top .btn button.setting{width: 24px;height: 24px;background: url(../images/publishing/ico_setting.png) no-repeat;background-size: 24px;margin-right:0px;}
#mainMenu .menu_top .btn button i{display: inline-block;text-indent: -9999px;}
#mainMenu .menu_item{display:flex;width:100%;font-size:0;border-bottom:1px solid #dfdfdf;}
#mainMenu .menu_item h5{display: inline-block;margin-bottom:0;width: 16%;font-size:20px;color:#545454;vertical-align: top;background: #f6f6f6;text-align:center;}
#mainMenu .menu_item.treatment{padding-top:0}
#mainMenu .menu_item.treatment h5{padding: 94px 0px 93px 0; font-size: 17px;}
#mainMenu .menu_item.schedule h5{padding: 32px 0 31px 0;line-height: 1.2;font-size: 17px;}
#mainMenu .menu_item.search h5{padding:51px 0;}
#mainMenu .menu_item ul{display: inline-block;width: 84%;vertical-align: top;font-size:0;margin-bottom:0;}
#mainMenu .menu_item ul li{display: inline-block;padding:28px 0 22px 0;width: 33.3333%;border-left:1px solid #f1f1f1;box-sizing: border-box;text-align: center;vertical-align: top;height: 103px;}
#mainMenu .menu_item ul li:nth-child(n+4){border-top:1px solid #f1f1f1;}
#mainMenu .menu_item ul i{display: block;font-size:23px;}
#mainMenu .menu_item ul span{display: block;font-size:15px;margin-top:-4px;color:#545454;}
#mainMenu .menu_item .safe i{width:30px;height:30px;margin:0 auto}
#mainMenu .menu_item .safe i.ico1{background: url(../images/mobile_poc/safe_ico2.png) no-repeat center;background-size:100%; }
#mainMenu .menu_item .safe i.ico2{background: url(../images/mobile_poc/safe_ico1.png) no-repeat center;background-size:100%;}
#mainMenu .menu_item .safe i.ico3{background: url(../images/mobile_poc/safe_ico3.png) no-repeat center;background-size:100%;}
#mainMenu .menu_item i.icon-hospital{color:#30aae2;}
#mainMenu .menu_item i.icon-ambulatory{color:#3088e2;}
#mainMenu .menu_item i.icon-surgery{color:#535ae1;}
#mainMenu .menu_item i.icon-medical{color:#8553e1;}
#mainMenu .menu_item i.icon-emergency{color:#e153aa;}
#mainMenu .menu_item i.icon-cooper{color:#e9904f;}
#mainMenu .menu_item i.icon-medi_sch{color:#39d4aa;}
#mainMenu .menu_item i.icon-calendar{color:#39a7d4;}
#mainMenu .menu_item.search i{color:#333333;}
#mainMenu .menu_item.search i{height: 50px;}
#mainMenu .menu_item.search .nfc i{background: url(../images/publishing/ico_nfc_main.png) no-repeat center top;background-size:40px;}
#mainMenu .menu_item.search .qr i{background: url(../images/publishing/ico_qr_main.png) no-repeat center 5px;background-size:40px;}
#mainMenu .menu_item.search .bar i{background: url(../images/publishing/ico_bar_main.png) no-repeat center 10px;background-size:46px;}
.nav-left .btn_wrap{padding:18px 6%;margin-bottom:80px}
.nav-left .btn_wrap button{font-size:15px;background: none;font-weight: bold;}
.nav-left .btn_wrap button.help{float:left;color:#a4a4a4;}
.nav-left .btn_wrap button.logout{float:right;color:#0067a1;}


#wrapper .bg{background: linear-gradient( to right, #1cadb2, #0078d4 );padding-top:8px;height:10em;width:100%;z-index:-1}

/* header */
#header {position:absolute; top: 0px; z-index: 1; width:100%;height:50px;line-height:50px;}
#header .page-header, #header .page-header a {margin:0px 0px!important;color:#fff;border:0px;} 
#header .page-header h2 {line-height:50px;}
#header .page-header .back_btn {position:absolute;padding-top:.1em; z-index: 2 ;padding-left:20px;font-size:18px}

/* container */

.container {padding:20px;z-index: 1;}
.container .s_box{position:absolute; top:70px;width:92%;left:50%; transform:translateX(-50%);}
/* 03-13 */
.container .info_box{width:100%;margin-bottom:auto;border-radius: 10px;border:1px solid #f0f0f0}
.container .info_box .panel-heading {padding:15px 10px}
.container .info_box .panel-heading .form-control{padding: 4px 6px;font-size:16px;color:#000000;}
.container .info_box .panel-heading .btn-blood {
  color: #ffef00;
  background-color: #038eab;
  border-color: #038eab;
  font-size:14px;font-weight:bold; padding:2px 6px;line-height:24px;
}
.container .info_box span.name{font-size:2rem;font-weight:bold;}
.container .info_box span.patient-name{font-size:2rem;font-weight:bold;}
/* 03-13 */
.container .info_box .panel-body{padding-top:0px}
.container .info_box .panel-body p {line-height:1.8em;}


/* .info_box .ico {width:20px;height:19px;text-indent:-9999px;} */
.info_box .ico {width:50px;height:22px;text-indent:-9999px;}
.info_box .ico_m {background:url(../images/mobile_poc/i_m.png) no-repeat center center;background-size:85%;}
.info_box .ico_s {background:url(../images/mobile_poc/i_s.png) no-repeat center center;background-size:85%;}
.info_box .ico_c {background:url(../images/mobile_poc/i_c.png) no-repeat center center;background-size:85%;}
.info_box .ico_i {background:url(../images/mobile_poc/i_i.png) no-repeat center center;background-size:85%;}
.info_box .ico_a {background:url(../images/mobile_poc/i_a.png) no-repeat center center;background-size:85%;}
.info_box .ico_r {background:url(../images/mobile_poc/i_r.png) no-repeat center center;background-size:85%;}
.info_box .ico_e {background:url(../images/mobile_poc/i_e.png) no-repeat center center;background-size:85%;}
.info_box .ico_v {background:url(../images/mobile_poc/i_v.png) no-repeat center center;background-size:85%;}
.info_box .ico_t {background:url(../images/mobile_poc/i_t.png) no-repeat center center;background-size:85%;}
.info_box .ico_w {background:url(../images/mobile_poc/i_w.png) no-repeat center center;background-size:85%;}

.info_box .ico_혈액 {background:url(../images/mobile_poc/n_a.png) no-repeat center center;background-size:85%;width: 40px;height: 20px}
.info_box .ico_비말 {background:url(../images/mobile_poc/n_b.png) no-repeat center center;background-size:85%;width: 40px;height: 20px}
.info_box .ico_접촉 {background:url(../images/mobile_poc/n_c.png) no-repeat center center;background-size:85%;width: 40px;height: 20px}
.info_box .ico_공기 {background:url(../images/mobile_poc/n_d.png) no-repeat center center;background-size:85%;width: 40px;height: 20px}
.info_box .ico_격리 {background:url(../images/mobile_poc/n_e.png) no-repeat center center;background-size:85%;width: 40px;height: 20px}
.info_box .ico_adr {background:url(../images/mobile_poc/n_f.png) no-repeat center center;background-size:85%;width: 40px;height: 20px}


/* 03-13 */
.line {position:relative;margin-top:6rem !important;border-bottom:.3em solid #f0f0f0;padding:10px }
/*.line {margin-top:5.5em;background:#f0f0f0; height:.7em}*/
.line.trans{margin-top:1.5rem !important;}
#con{position:relative; padding:5px 20px; }
/*#con{ padding:0px 20px; }*/

#con .list-group-item {border-radius:4px;margin:.5em 0px; -webkit-tap-highlight-color:#e9f8fb;padding:8px 10px}
/* #con .list-group-item.active{background:#e9f8fb;border:1px solid #dddddd;color:#000} */
#con .list-group-item.active{background:#C2F5FF;border:1px solid #dddddd;color:#000}
#con .list-group-item .icon {padding:0px; width:30px;height:30px;font-size:16px;padding-top:.2em;;margin-top:.5em}

.select_ico input[type="checkbox"] {
    display: none;
}

.select_ico input[type="checkbox"] + .group > label:first-child {
    display: none;
}
.select_ico input[type="checkbox"] + .group > label:last-child {
    display: inline-block;   
}

.select_ico input[type="checkbox"]:checked + .group > label:first-child {
    display: inline-block;
}
.select_ico input[type="checkbox"]:checked + .group > label:last-child {
    display: none;   
}

#con .default{padding-top:5em;}
#con .default p{padding-top:2em;}

/**수혈정보**/

.sub_title{font-size:20px;} 
.sub_title span { border-bottom:3px solid #9ad2de; box-shadow:inset 0 -12px 0 #9ad2de; } 
#trans .list-group-item {color:#666666;} 
#trans .list-group-item p.title{font-weight:bold;} 
#trans .list-group-item .btn-blood { color: #ffffff; background-color: #666666;border-color: #666666; font-size:.99em;font-weight:bold; padding:0px 5px; }

.blood{color:#038eac;}
#trans .list-group-item.active .btn-blood {
  color: #ffef00;
  background-color: #038eab;
  border-color: #038eab;
}
.table {border-bottom:1px solid #dddddd}
.table th{background-color: #f8f8f8;color:#666666;font-weight:normal}


/**투약정보**/
.s_box .in_date .btn {padding:.2em .4em;background-color:#1cacb2; color:#ffffff;font-size:11px;border-radius:15px;}
.s_box .in_date .in_time {display:inline-block}
.s_box .in_date .in_time .form-control {height: 30px;padding:4px 12px;border: 1px solid #82c7d6;border-radius:15px;}
.s_box .in_date .in_time .form-control2 {height: 25px; width: 45px; padding:1px 3px;border: 1px solid #82c7d6;border-radius:15px;}


/**Modal창정의**/
.basic .modal-footer, .basic .modal-footer .col-xs-6{border:0px;padding:0px} 
.basic .modal-body {padding:3em 0px;line-height:2em;}
.basic .modal-body.info {padding:1.2em 1em;}
.basic .modal-footer .btn-ok, .basic .modal-footer .btn-secondary{border-top-left-radius: 0px;border-top-right-radius: 0px;padding:8px 0px;}
.basic .modal-footer .col-xs-6{}
.basic .modal-footer .col-xs-6 .btn-secondary{border-bottom-left-radius: 4px; border-bottom-right-radius: 0px;padding:8px 0px;}
.basic .modal-footer .col-xs-6 .btn-ok{border-bottom-left-radius:0px;border-bottom-right-radius: 4px;padding:8px 0px;}
.basic .modal-header {padding:12px;}
.basic .btn_close{position:absolute;top:-.4em; right:1.1em; z-index: 4; }
.basic .btn_close .btn-lg{font-size:3em;color:#555555;} 


.step .modal-content{background: linear-gradient( to right, #1cadb2, #0a79b3 );border:0px}
.step .modal-header {color:#ffffff;border:0px}
.step .btn_close{position:absolute;top:-.4em; right:1.1em; z-index: 4; }
.step .btn_close .btn-lg{font-size:3em;color:#ffffff;} 
.step .modal-body .info_box {padding:15px; color:#ffffff;line-height:1.8em;}
.step .modal-body .info_box .blood {
  color: #fff000;
}

.step .modal-body .date {background-color: #ffffff;padding: .4em 1.1em;border-radius:.9em;border:1px solid #dddddd}
.step .modal-body .date span{color:#dd4132}
.step .list {border-top-left-radius: 2em; border-top-right-radius: 2em;background-color: #ffffff;width:100%;margin-top:-.3em}
.step_process .row{margin:0 auto;}
.step_process .glyphicon-unchecked {
    color:#1cacb2;font-size:1.4em;
}

.step_process .badge {
    background-color:#1cacb2;padding: 5px 9px;font-size:18px;margin-top:-5px
}
.step .modal-body .list {padding:15px;}
.step .modal-body .info_box2 {padding:7px 10px; line-height:1.8em;border-radius:6px;border:1px solid #dddddd}
.step .modal-body .info_box2 .card-header div{font-size:16px}
.step .list-group-item .icon {padding:0px; width:30px;height:30px;font-size:16px;padding-top:.2em;;margin-top:.5em}
.step .list-group-item .img { height:24px;}
.step .list-group-item .img2 { height:18px;}
.step .modal-body .info_box2 .blood { color: #038eac; }
.step .modal-body .info_box2.time_box {background-color: #f1f8ff;margin-top:1em}
.step .modal-body .info_box2 .s-close{background-color: #444444;color: #ffffff; width:24px;height:24px;text-align:center;font-size:18px;line-height:24px;border-radius:4px;}
.step .modal-footer {background-color: #ffffff;border-top:0px}
.step .modal-footer .btn-ok {border-radius:6px;border-top-left-radius:0px;border-top-right-radius: 0px;}

.step .modal-footer .col-xs-6 .btn-secondary{border-radius:0px; border-bottom-left-radius:6px;padding:8px 0px;}
.step .modal-footer .col-xs-6 .btn-ok{border-radius:0px;border-bottom-right-radius:6px;padding:8px 0px;}


@media screen and ( max-width:768px ){
	#trans .list-group {font-size:90%;}
	.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-left:.4em; padding-right:.4em
	}
	#con .list-group-item {padding:.6em .8em}
	#con .list-group-item .icon {
		padding: 0px;
		width: 24px;
		height: 24px;
		font-size: 12px;
		padding-top: .2em;
		margin-top: .5em;
	}

	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}

}

/** bootstrap 4.4 css 추가 */
.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}

.w-33 {
  width: 33% !important;
}

.w-30 {
    width: 30% !important;
}

.w-38 {
  width: 38% !important;
}

.w-50 {
  width: 50% !important;
}

.w-52 {
  width: 52% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

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

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

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

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

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.br-0 {border-radius:0px !important}