@charset "utf-8";

/***** return modal **********/


.drop_file_area {
	height: 200px;
	border: 2px dashed #ccc;
	line-height: 200px;
	text-align: center;
	font-size: 20px;
	background: #f9f9f9;
	margin-bottom: 15px;
}
.drag_over {
	color: #000;
	border-color: #000;
}

.thumbnail {
	width: 100px;
	height: 100px;
	padding: 2px;
	margin: 2px;
	border: 2px solid lightgray;
	border-radius: 3px;
	float: left;
}

#upload_file {
	display: none;
}

.header-client {

	color: #fff;
	background-color: #000;
	padding:10px;
	font-weight: bold;
	margin: 10px 0 20px 0;

}

.comment-space {
	margin: 20px 0 0 0;
}

.button-label {

	border-radius: 5px;
	margn: 10px 10px 10px 0;
	padding: 10px;
}

.label-bold label {

	font-weight: bold;
}

.label-bold placeholder {

	font-weight: normal;
	color: #eee!important;
	border: 3px solid #000;
}

.buttons-out-in button {
	border-radius: 8px;
	padding: 10px;
	font-weight: bold;
	margin: 10px;
	display: none;
}

.custom-checkbox-look {
	margin: 0 0 0 14px;
	width: 20px;
	height: 20px;
}

.readonly .form-control:disabled, .form-control[readonly] {
	background-color: #fff!important;
	border: none!important;
	opacity: 0.5;
	color: #000!important;
}

.readonly .custom-select:disabled {
	color: #000!important;
	background-color: #fff!important;
	border: none!important;
}

.middlebtn {margin: 0 auto 0 auto;}

.border-1 {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	margin: 10px 10px 10px 10px;
}

.ic_del {
	color: #000;
	margin: 0 auto 0 auto;
}

.ic_del:hover {
	color: #5cb85c;
}

/***** return modal *********/

/*************** NEW DDashboiard ***************/

.box-col {
	margin: 4px;
	padding: 35px;
}

.dash-topimg {
	position: relative;
	left: -12px;
}

.box-dash {
	background: #ffffff;
	margin: 4px;
	border: 1px solid #ababab;
}

.box-space {

	padding: 20px;
}

.img-data {
	position: relative;
	right: -80px;
}

.icon-pop {
	position: relative;
	right: -4px;
	margin: 10px 0 0 0;
}

.product-info {
	font-size: 2rem;
	text-align: center;
	margin: 20px 0 40px 0;
	font-weight: bold;
}

.banner-details {
	text-align: center;
	background: #000;
	padding: 15px;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
}

/*************** NEW Dashboard ***************/

/* CSS Document */
.dropdownbox {
	margin: 0 0 15px 0;
}

.inbound_data td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
	background: #ffffff;
}

.multiple_select {
	height: 45px;
	width: 100%;
	mid-width: 300px;"
}

.header-title {
	background: #000;
	padding: 10px;
}

/**** 8/9/21 *******/

.custom-checkbox-look {
	margin: 0 0 0 14px;
	width: 20px;
	height: 20px;
}

.readonly .form-control:disabled, .form-control[readonly] {
	background-color: #fff!important;
	border: none!important;
	opacity: 1;
	color: #000!important;
}

.readonly .custom-select:disabled {
	color: #000!important;
	background-color: #fff!important;
	border: none!important;
}

/**** tabs ******/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #000!important;
	font-weight: bold;
	background-color: #ddd!important;
}

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	border: 2px solid #ddd!important;
}

.nav-tab-link a {
	color: #000;
}

.nav-tab-link a:hover {
	color: #333;
}
/**** tabs ******/

.completedbtn {
	width: 200px;
	height: 60px;
	font-weight: bold;
}

.middlebtn {margin: 0 auto 0 auto;}

#table2, #table3, #table4 , #table5, #table6, #table7 {
    display: none;
}

.space {
	margin: 40px 0 40px;
}

.imagefile {
	margin: 40px auto;
}

.leftbutton {
	float: left;
}

.backimg {
    background: url("../../assets/images/boxes_1.png")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 400px;
	width: 100%;
}

/***** Packing  *******************/
.space {
	margin: 40px 0 40px;
}

.imagefile {
	margin: 40px auto;
}
/***** Packing  *******************/
/**** Outbound Add Unit / Load Truck *******/

.selectrow {
	width: 200px;
	margin: 0 20px 0 0;
	height:36px;
}

[type="radio"].radio-col-indigo:checked + label:after {
  background-color: #000!important;
  border-color: #000!important;
  animation: ripple 0.2s linear forwards;
}

[type="radio"].with-gap.radio-col-indigo:checked + label:before {
  border: 2px solid #000!important;
  animation: ripple 0.2s linear forwards;
}

[type="radio"].with-gap.radio-col-indigo:checked + label:after {
  background-color: #000!important;
  border: 2px solid #000!important;
  animation: ripple 0.2s linear forwards;
}

.float-left {
    float: left !important;
	margin: 0 0px 0 0!important;
}

.table-space-out {
	margin: 20px 0 0 0;
}

.card .card-title-out {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 20px;
    font-weight: bold;
	position: relative;
	left: -15px;
}

.space {
	padding: 10px;
}

.btn-primary-unit {
    color: #fff!important;
    background-color: #745af2!important;
    border-color: #745af2!important;
    font-weight: bold!important;
}

.btn-primary-unit:hover {
    color: #fff!important;
    background-color: #000!important;
    border-color: #000!important;
    font-weight: bold!important;
}
/**** Outbound Add Unit / Load Truck  ******/


/***** Outbound  *******************/

.outbound .btn-warning {
    color: #212529;
    background-color: #ffb22b;
    border-color: #ffb22b;
	font-weight: bold;
}

.outbound .btn-warning:hover {
	font-weight: bold;
	background: #000;
	color: #fff;
}

.outbound .btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 5px;
}

.btnbox {
    float: right;
    height: 5px;
    padding: 0 20px 0 0;
}

/***** Outbound  *******************/

/***** SKU *******************/
.scrollerparts {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
	scrollbar-color: rebeccapurple green;
	scrollbar-width: thin;
}

.partsbg {
	background: url("../../assets/images/parts/part_2_photo.png")no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	width: 100%;
}

.partsbg .m1 {
	margin: 30px 0 0 0px;
}

.partsbg .btn-primary:hover {
	color: #fff;
	background-color: #000;
	border-color: #5ada49;
	font-weight: bold;
}




.lookupstartbg {
	background: url("../../assets/images/unitsummary/lookupstart.png")no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	width: 100%;
}


.lookupstartbg .m1 {
	margin: 30px 0 0 0px;
}

.lookupstartbg .btn-primary:hover {
	color: #fff;
	background-color: #000;
	border-color: #5ada49;
	font-weight: bold;
}

.modelstartbg {
	background: url("../../assets/images/unitsummary/modelsearchimg.jpg")no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	width: 100%;
}

.modelstartbg .m1 {
	margin: 30px 0 0 0px;
}

.modelstartbg .btn-primary:hover {
	color: #fff;
	background-color: #000;
	border-color: #5ada49;
	font-weight: bold;
}

.categorystartbg {
	background: url("../../assets/images/unitsummary/category.png")no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	width: 100%;
}

.categorystartbg .m1 {
	margin: 30px 0 0 0px;
}

.categorystartbg .btn-primary:hover {
	color: #fff;
	background-color: #000;
	border-color: #5ada49;
	font-weight: bold;
}



.sku .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px!important;
	width: 310px!important;
    user-select: none;
    -webkit-user-select: none;
}

.sku .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px!important;
}

.sku .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    margin: 0 20px 0 0!important;
}

.btn-clr {
	height: 40px;
}

.table-space {
	margin: 80px 0 0 0;
}

/***** SKU *******************/

/***** spreadsheet **********/

.clientlogo img {
	max-width: 15%!important;
    height: auto;
	float: left;
	align-content: center;
}

.table-img img {
	width: auto;
	max-width: 80%!important;
    height: auto;
	margin: 0 auto 0 auto;
}

.table-img td {
	width: 100px;
	max-width: 80%!important;
    height: auto;
}

.clientlogo .client-title {
    float: left!important;
    position: relative!important;
    top: 70px!important;
    margin: 0 0 0 20px!important;
    font-weight: bold!important;
}

.table-color .table-striped tbody tr:nth-of-type(odd) {
    background-color: #dffbdb!important;
}

.ir_logo {
	background: url("../../assets/images/spreadsheet/logo_bg_1.png")no-repeat right fixed;
	background-size: 50% 100%;
}

/***** spreadsheet end **********/

.grade {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

/******* logo ****************/

.topbar .top-navbar .navbar-header {
    line-height: 0px!important;
}

/******* logo ****************/

/**** rado button color ******/

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    background-color: #5ada49!important;
    z-index: 0;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
    border: #5ada49!important;
}

/**** rado button color ******/

.msgbox, .msgboxoff {
	width: 100%;
	min-width: 415px;
	height: auto;
	padding: 20px;
	font-weight: bold;
	border-radius: 10px;
	margin: 20px 0 10px 0;
	line-height: 10px;
}

.msgbox {
	background: #0079bd;
	color: #fff;
}

.msgboxoff {
	background: #eee;
	color: #000;
}

.msgboxrec, .msgboxrecoff {
	width: 85%;
	height: auto;
	padding: 20px;
	font-weight: bold;
	border-radius: 10px;
	margin: 20px 0 10px 0;
	line-height: 10px;
}

.msgboxrec {
	background: #0079bd;
	color: #fff;
}

.msgboxrecoff {
	background: #eee;
	color: #000;
}

.first-box {
	margin: 20px 0 0 0;
}

.second-box {
	margin: 40px 0 0 0;
}

/****** error box *****/

.errorbox {
	background: #ff0000;
	width: 100%;
	height: auto;
	padding: 20px;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	margin: 20px 0 10px 0;
}

.yellowbox {
	background: yellow;
	width: 100%;
	height: auto;
	padding: 20px;
	color: black;
	font-weight: bold;
	border-radius: 10px;
	margin: 20px 0 10px 0;
}


.search-info {
	width: 100%;
	min-width: 415px;
}

/****** update your password *********/

.topbar .mega-dropdown .dropdown-menu {
    padding: 30px;
    width: 50%!important;
    max-height: 480px;
    overflow: auto;
}

.forgotpw {
	position: absolute;
	left: 50%!important;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    line-height: 70px;
    height: 70px;
    padding: 0px 15px;
    font-size: 30px!important;
}

/****** update your password *********/


.hr-line {
	background: #5ada49;
	border: 0;
	height: 3px;
	margin: 30px 0 30px 0;
}

.selectheight {
	margin: 20px 0 20px 0;
}
/*************** repair ****************/

.producthdr h4 {
	font-weight: bold;
	font-size: 20px;
}

.imagebox {
	width: 100%;
    height: auto;
	margin:  20px 0 20px 0
}

.placehld ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #eee!important;
  opacity: 1; /* Firefox */

}

.clock {
	background: #eee;
	padding: 30px;
	border-radius: 10px;
	height: 90px;
	width: 180px;
	margin: 20px;
}

.repairheader {

	background:#000;
	color:#fff;
	font-size: 20px;
	padding: 8px;
	margin: 10px;
}

.repairbg {
    background: url("../../assets/images/repair_imgs/main_boxes.png")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 600px;
	width: 100%;
}

.repairbg .m1 {
	margin: 30px 0 0 0px;
}

.awbg {
    background: url("../../assets/images/clients/aw_bg.png")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 600px;
	width: 100%;
}

.textarea {
	width:100%!important;
	height:250px !important;
	overflow: auto;
	resize: both;
}

/************* repair *******************/

body {
    overflow-x: hidden;
    margin: 0;
    color: #67757c;
    background: #000!important;
}

td a {
	color: #398bf7!important;
	text-decoration: none!important;
}


td a:hover {
	color: #398bf7!important;
	text-decoration: underline!important;
}

/******* flex box ******/

[role="table"] div.filter-panel label[for="wrap-text"] {
    float: right;
    padding: 10px 20px 11px 20px;
    line-height: 24px;
    height: 50px!important;
    border-radius: 4px;
    font-family: 'Roboto', arial, sans-serif;
}

[role="table"] div.filter-panel label[for="filter-column"] {
    float: right;
    border-radius: 4px;
    margin: 0 0 0 10px;
    padding: 10px 20px 11px 20px;
    line-height: 24px;
    height: 24px!important;
    background: #1D5FD1;
    font-family: 'Roboto', arial, sans-serif;
    color: #FFF;
}

[role="table"] [role="row"] [role="column-header"] {
    color: #000!important;
    padding-left: 11px;
}

[role="table"] div.table-desc+[role="row-group"] {
    background: #1D5FD1;
    border-radius: 0!important;
    padding-right: 1px;
}

[role="table"] div.table-desc+[role="row-group"] {
    background: #eee!important;
    border-radius: 4px 4px 0 0;
    padding-right: 1px;
}

[role="table"] label {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-family: arial, sans-serif;
    min-width: 20px;
    background: #5ada4a;
    color: #000;
}


[role="table"] input#wrap-text[type="checkbox"]:checked ~ div.table-desc div.filter-panel label[for="wrap-text"] {
    background: #5ada4a!important;
    color: #000!important;
}


[role="table"] label {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-family: arial, sans-serif;
    min-width: 20px;
    background: #5ada4a!important;
    color: #000!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background, color;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: ease;
    -ms-transition-property: background, color;
    -ms-transition-duration: 0.2s;
    -ms-transition-timing-function: ease;
    transition-property: background, color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.bordertable {
	background: #eee;
    border-top: #787878 1px solid;
    border-bottom: #787878 1px solid;
}

[role="table"] [role="row"] [role="column-header"] {
    color: rgb(255, 255, 255);
    padding-left: 11px;
    border: 1px solid #787878!important;
}

[role="table"] [role="row-group"]:last-child [role="row"] input[type="checkbox"]:checked ~ span, [role="table"] [role="row-group"]:last-child [role="row"] input[type="radio"]:checked ~ span {
    background: rgb(233, 238, 244);
    border-color: rgb(233, 238, 244);
    color: rgb(51, 51, 51);
	border: 1px solid #787878!important;
}


[role="table"] input#wrap-text[type="checkbox"]:checked ~ [role="row-group"] [role="row"] span[role="cell"], [role="table"] input#wrap-text[type="checkbox"]:checked ~ [role="row-group"] [role="row"] span[role="column-header"] {
    display: flex;
    white-space: normal;
    align-items: center;
    z-index: 1;
    word-break: break-word;
    border: 1px solid #787878!important;
}

[role="table"] [role="row-group"]:last-child [role="row"]:nth-child(even) [role="cell"] {
    background: #F5F7F9;
    border: 1px solid #787878!important;
}

[role="table"] [role="row-group"]:last-child [role="row"]:nth-child(odd) [role="cell"] {
    background: #FFF;
    border: 1px solid #787878!important;
}

/******* flex box ******/

.label-danger {
    background-color: #d9534f;
    padding: 10px!important;
	color: #fff;
}

.label-success {
    background-color: #5cb85c;
	padding: 10px!important;
	color: #fff;
}

.label-warning {
    background-color: #5cb85c;
	padding: 10px!important;
	color: #fff;
}

.label-pending {
    background-color: #5cb85c;
	padding: 10px!important;
	color: #fff;
}

/****** additional table *********

#smtable table td, th {
  padding: 0 50px 0 50px!important;
}

****/

#table2 {
  border-collapse: collapse!important;
}

/****** additional table *********/

.selectclient{

	margin: 10px 0 20px 0;
}

.resultsred {
	color: #F20530;
	font-weight: bold;
}


.resultsblack {
	color: #000;
	font-weight: bold;
}

.tablebox {
    clear: both;
    margin: 0 0 50px 0;
    border-bottom: 1px solid #c0c4ca;
    padding: 50px 0 40px 0;
    border-top: 1px solid #c0c4ca;
}

.wizard > .content > .body {
    float: left;
    width: 100%;
    height: 95%;
    padding: 1.5%;
    background: #fff;
    border: 2px solid #eee;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.65rem 1rem;
    clear: both;
    font-weight: 400;
    color: #67757c;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.form-control placeholder {
	color: #ddd!important;
}

/********* summary *****************/

.summarybox {
	width: 20%;
}

.summarybox img {
	width: 100%;
}

/********* summary *****************/

/****** Datatable Icon Links ******************/

.center i {
	text-align:center;
	position: relative;
	padding: 0;
}

.center i {
	margin: 5px 5px;
	background: #000;
	border: 1px solid #000;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
	cursor: pointer;
}

.center i:hover {
	background: #5ada49;
	color: #000;
	padding: 10px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/****** Datatable Icon Links ******************/

/****** score board *************/

.score, .score2  {
	position: relative;
	float: left;
	border: 3px solid #000;
	padding: 10px;
}

.score  {
	top: -30px;
}

.score2 {
	top: -100px;
}

.scorebg {
	background: #eee;
	border-radius: 10px;
	padding: 10px;
	overflow: hidden;
}

.text1 {
	float: left;
	padding: 10px;
	font-weight: bold;
}

.align-center1, .align-center2 {
	text-align: center!important;
	position: relative;
	left: 65px;
}

.btn-primary-edit {
    color: #fff;
    background-color: #000!important;
    border-color: #000!important;
    font-weight: bold!important;
}

a.btn-primary-edit {
	color: #fff!important;
}

a.btn-primary-edit:hover {
    color: #000!important;
    background-color: #5ada49!important;
    border-color: #5ada49!important;
    font-weight: bold!important;
}

/****** score board *************/

.panelbox {
    border-top: 2px solid #eee;
    padding: 20px 0 50px 0;
    position: relative;
    top: 20px;
}

.recunits {
	float: left;
	margin: 20px 0 20px 0;
}


.modalbox, .modalboxPic {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modalbox {
    width: 50%!important;
    left: 25%!important;
}

.modal-footer-btm {
    background: #8acb52!important;
}

.modalboxPic {
    width: 70%!important;
    left: 18%!important;
}

.title1 {
    text-align: center;
    position: relative;
    left: 260px;
    font-size: 20px;
}

.title2 {
	text-align: center;
	position: relative;
	right: -150px;
}


/********** image round *********************/

.round .rounded-circle {
    border-radius: 50% !important;
    height: 50px!important;
	border: 4px solid #5ada49!important;
}

/********** image round *********************/


/********** pctures ************************/

.packimg {
	width: 400px;
	height: 220px;
	position: relative;
	top: 100px;
}

.footbox {
	background: #000;
	width: 400px!important;
	height: 50px!important;
	margin: 10px!important;
	color: #fff;
}

.centerphoto {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.photo .fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 50px;
}

.photo .fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px!important;
}

.footerbutton {
	position: relative; left: -40%;
}

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

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

.flex-container {
  /* We first create a flex layout context */
  display: flex;

  /* Then we define the flow direction
     and if we allow the items to wrap
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;

  /* Then we define how is distributed the remaining space */
  justify-content: space-around;

  padding: 0;
  margin: 0;
  list-style: none;
}

.flex-item img {
  width: 100%;
  height: auto;
}

.flex-item {
  background: #000;
  padding: 5px;
  width:  80px;
  height: 50px;
  margin: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}

.picbox {
	margin: 20px 0 20px 0;
}


/********** picture end ********************/


/********* Customer Call *******/

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #5ada49!important;
    border-color: #5ada49!important;
    color: #000!important;
	font-weight: bold;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5ada49!important;
    color: #000;
	font-weight: bold;
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple {
    border: 1px solid #!important;
    color: #67757c;
    height: 40px;
    line-height: 40px;
}

.selectbox .select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    padding: 1px 0 0 14px;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #acabab!important;
}

.customselect {

	width: 95%!important;
	height: 36px;
	magin: 0px auto 0 auto;
	position: relative!important;
	left: 20px!important;
}

.searchbar .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #54667a;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #acabab!important;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.customeradjust {
	margin: 10px 0 10px 5px;
	clear: both;
}

.custompill .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #eee;
}

.addbutton {
	margin: 0 0 10px 5px;
	float: right;
	clear: both;
	font-weight: bold;
}

.topheader {
    background: #eee;
    height: 100px;
    padding: 30px;
    border-radius: 20px;
    font-weight: bold;
}

.useric {

	float:left;
	padding: 4px;
}

.searchbar {
	padding: 10px;
}


.footable .pagination li.active a {
    z-index: 2;
    border-color: #79c14d!important;
    color: #000!important;
    background-color: #79c14d!important;
}

.footable .pagination li a {
    position: relative;
    margin-left: -1px;
    border: 1px solid #e9ecef;
    color: #000!important;
    background-color: #fff;
    padding: .5rem .75rem;
    display: block;
    line-height: 1.25;
}

#main-wrapper[data-layout="horizontal"] .chat-container .chat-box {
    height: calc(100vh - 265px) !important;
}

.mailbox {
    margin: 0;
    padding: 0;
    position: relative;
    top: 70px;
}

.searchbox {
    padding: 1rem !important;
    position: relative;
    top: 70px;
}

.btn-rounded {
    border-radius: 60px;
    float: right;
    padding: 7px 18px;
    position: relative;
    top: -50px;
}

/*.chat-send-message-footer {
	display: none;
}
*/

/********* Customer Call End *******/

/************** option *********************/
.appbox {
	width: 80%!important;
	margin: 20px auto!important;
}

.selectbox {
	border: 1px solid #000;
	padding: 20px;
	width: 28%;
	height:  auto;
	margin: 0 auto
}

.selectbox .selectoption {
	width: 100%;
	height: 240px!important;
	margin: 0 0 10px 0;
}

.selectbox option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 10px 20px;
    width: 100%;
}

/*************  option ********************/

/************** Export Button *************/

.dt-buttons {
    float: right!important;
    margin: 0 10px 20px 20px;
}

.dt-buttons button {
    color: #000;
    background-color: #5ada49!important;
    border-color: #5ada49!important;
    border-radius: 4px;
	border: 0;
	padding: 5px;
	font-weight: bold;
}

.dt-buttons button:hover {
    color: #fff;
    background-color: #000!important;
    border-color: #000!important;
}

/************** Export Button *************/


/******* Modal *****************/

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px!important;
    user-select: none;
    -webkit-user-select: none;
}

.modal .modal-lg, .modal-xl {
    max-width: 100%!important;
    margin: 0 20% 0 20%!important;
}

.modalsm, .modalsm2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 30%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    position: absolute;
    left: 35%;
}

.modalsm2 {
    position: fixed;
    top: 10%!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px!important;
}

.data_button_modal button {
    padding: 10px;
    font-weight: bold;
    background: #5ada49;
    border-radius: 5px;
    border: 0;
	margin: 10px 10px 10px 0;
}

 button.btn-disable {
    color: #5d5c5c;
    background-color: #e9edf2;
    border-color: #e9edf2;
	font-weight: bold;
}

 button.btn-disable .btn {
    display: inline-block;
    font-weight: 400;
    color: #67757c;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.text-color {
	color: #1F620F;
	font-weight: bold;
}

.custom_modal .card {
    position: relative;
    display: flex;
    height: auto;
	min-height: 600px;
   /* overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;*/
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0px;
}

.custom_modal a, .modal_pop a {
    color: #000;
	font-weight: bold;
}

.custom_modal .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #000;
    background-color: #eee;
}

/******* Modal *****************/

/******* Datatable ******************/

.datatable-top {

	float: right;
	width: 196px;
}

.btn-reman {

	background: #000;
	border: 0;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size:  14px;
}

.btn-reman:hover {

	background: #5ada49;
	color: #000;
}

.selectboxtop {
	width: 100%!important;
	height:36px!important;
}

.selecttop .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;

    user-select: none;
    -webkit-user-select: none;
    width: 200px;
}

.edit {
	text-align:center;
	position: relative;
	padding: 20px 0 0 0;
}

.edit a {
	margin: 5px 5px;
	background: #000!important;
	color: #fff;
	border-radius: 3px;
}

.edit a:hover {
	background: #5ada49!important;
	color: #000;
}


.edit .btn-primary {
    /*color: #000;*/
    background-color: #5ada49;
    border-color: #000;
    font-weight: bold;
}



/******* Datatable ******************/

/****** Instruction Style ********/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5ada49;
    color: #000;
    font-weight: bold;
}

.tabs .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #000!important;
	font-weight: bold;
    padding: 14px 0 0 0;
    height: 50px;
    background-color: #5ada49!important;
    border: solid 1px #dee2e6!important;
}

.tabs .nav-link:hover {
    color: #fff!important;
    padding: 14px 0 0 0;
    height: 50px;
    background-color: #000!important;
    border: solid 1px #dee2e6!important;
}

.tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 50px!important;
	padding: 14px 0 0 0;
}

.tabs a {
    color: #000;
}

#wrapper #sidebar {
    width: 30%;
    height: 93%!important;
    overflow-y: auto;
    float: left;
    border-right: 1px solid #ccc;
    background: #fff;
}

.toopbox {
    margin: 0 0px 20px 0px;
    position: relative;
    left: 17%;
	margin: 0 auto;
	float: left;
}

.back-btn {
    margin: 0 0px 20px 0px;
    position: relative;
    left: 18px;
}

.back-btn a {
	padding: 10px;
 	border-radius: 5px;
}

.buttons {
    margin: 0 auto 20px auto;
    width: 100%;
}

.buttonsbtn {
    margin: 0 auto 20px auto;
    width: 56%;
}

.buttonsbtn  .btn-success {
    color: #000!important;
    background-color: #06d79c;
    border-color: #06d79c;
}

.buttonsbtn  .btn-success:hover {
    color: #000!important;
    background-color: #06d79c;
    border-color: #06d79c;
}

.buttons button, .buttonsbtn button {
    width: 362px;
    height: 50px;
    border: 0;
    border-radius: 10px;
    margin: 10px 20px;
    font-weight: bold;
    position: relative;
    left: 2%
}

.page-wrapper > .container-fluid, .page-wrapper > .container-sm, .page-wrapper > .container-md, .page-wrapper > .container-lg, .page-wrapper > .container-xl {
    padding: 10px;
    min-height: calc(100vh - 130px);
}

.widget-app #wrapper {
  border: 1px solid #ccc;
  margin: 30px auto;
  width: 90%!important;
}

.widget-app  #wrapper {
    height: 800px;
}

.padding-content {
	margin: 40px;
}

.text-format {
	text-align: center;
	font-size: 20px;
	padding: 12px;
	background: #000;
	color: #fff;
}

#wrapper .border-bottom {
    border-bottom: 2px solid #ccc !important;
}

.document-library-filter {
    line-height: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
	padding: 5px;
}

/*.document-library-line-item-list .document-library-filename {
    height: 20px;
    line-height: 20px;
    transition: all linear .15s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
}*/

.document-library-line-item-list .document-library-filename {
    height: 20px;
    line-height: 20px;
    transition: all linear .15s;
    text-overflow: ellipsis;
    overflow:visible;
    white-space: normal!important;
    font-size: 20px!important;
    height: 60px!important;
    line-height: 30px!important;
}


/************ Steps *******************/

.wizard > .steps > ul > li {
    width: 25%;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #000;
    color: #fff;
    cursor: default;
	font-weight: bold;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #5ada49;
    color: #000;
	font-weight: bold;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #5ada49;
    color: #000;
    display: block;
	font-weight: bold;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0px;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #eee;
	color: #585757;
    border-radius: 0px;
}


option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
	width: 100%;
}

/************ Steps ********************/

.document-library-open-item .open-item-name {
    display: block;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    color: #656565;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 20px;
}

.document-library-filter .filter-types {
    display: inline-block;
    position: absolute;
    top: 10px!important;
    right: 0;
    height: 100%;
}

.pdf .document-viewer {
    padding: 40px 10px 10px 10px;
    height: auto;
    max-height: 706px;
    overflow-y: scroll;
	overflow-x: hidden
}

.document-library-filter span[class^=filter-] {
    display: inline-block;
    height: 25px;
    width: 55px!important;
    cursor: pointer;
    background-size: 50%;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all linear .15s;
    opacity: .5;
}


/****** Instruction Style ********/




/******* Navbar Color *********/

.scroll-sidebar {
    position: relative;
    height: calc(180% - 20px);
}

.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {
    font-size: 12px;
}

.left-sidebar[data-sidebarbg="skin6"] {
    background: #000!important;
}

.sidebar-nav ul .sidebar-item .first-level {
    padding-left: 0px!important;
}

.scroll-sidebar {
    background: #000!important;
}

.sidebar-nav ul {
    background: #000!important;
}

.sidebar-nav ul .sidebar-item .sidebar-link .feather {
    height: 18px;
    width: 18px;
    margin: 0 8px 0 5px;
    fill: rgba(0, 158, 251, 0.1);
    color: #a5e588!important;
}

.row-bottom {
    background: #000;
	color: #fff;
}

.row-bottom a {
    background: #000;
	color: #fff;
}

.row-bottom a:hover {
    background: #000;
	color: #a5e588;
}

.sidebar-nav #sidebarnav {
    background: #000!important;
}

.sidebar-item > .sidebar-link .hide-menu {
    margin-left: 0;
    color: #fff!important;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    color: #687384;
    opacity: 1;
    background: #000!important;
	border-radius: 0!important;
}

.nav-item .fa-cogs {
    content: "\f085";
    color: #000!important;
    font-size: 30px!important;
    position: relative!important;
    top: 8px!important;
}

/****** Navbar Color ***********/

/*********************** REMAIN - Cards **********************/

.cardbox {
	margin: 0 0 20px 0;
	height: 200px;
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

/*CSS*/

	/******* navbar ***********************/

	#main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar, #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar .sidebar-footer {
		left: 0px!important;
	}

	/******* navbar ***********************/

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

/*CSS*/

	/******* navbar ***********************/

	#main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar, #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar .sidebar-footer {
		left: 0px!important;
	}

	/******* navbar ***********************/

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

/*CSS*/

	/******* navbar ***********************/

	#main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar, #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar .sidebar-footer {
		left: 0px!important;
	}

	/******* navbar ***********************/

	/******* card information ***********************/
		.card {
			float: right;
			position: relative;
			left: -15px;
			clear: both;
			font-size: 18px;
		}

		.card img {
			vertical-align: middle;
			width: 50px;
			border-style: none;
		}
	/******* card information ***********************/
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

/*CSS*/

	/******* navbar ***********************/

	#main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar, #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar .sidebar-footer {
		left: 0px!important;
	}

	/******* navbar ***********************/

	/******* card information ***********************/
		.card {
			float: right;
			position: relative;
			left: -15px;
			clear: both;
			font-size: 18px;
		}

		.card img {
			vertical-align: middle;
			width: 50px;
			border-style: none;
		}
	/******* card information ***********************/

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

/*CSS*/

	.cardbox {
		margin: 0 0 20px 0;
		height:  660px;
	}

	/******* navbar ***********************/

	#main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar, #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar .sidebar-footer {
		left: -240px;
	}

	/******* navbar ***********************/

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

/*CSS*/

	.cardbox {
		margin: 0 0 20px 0;
		height:  660px;
	}

	/******* navbar ***********************/

	#main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar, #main-wrapper[data-layout="horizontal"][data-sidebartype="mini-sidebar"] .left-sidebar .sidebar-footer {
		left: -240px;
	}

	/******* navbar ***********************/
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
	margin-bottom: 10px;
    list-style: none;
	height:  30px;
}

.carousel-multi-item .carousel-indicators li {
    height: 1.25rem;
    width: 1.25rem;
    max-width: 1.25rem;
    /*background-color: #4285f4;*/
    /*margin-bottom: -3.75rem;*/
	margin: 0px 0 -3.75rem 10px;
	border: 3px solid #70bf4a;
	border-radius: 50%;
}


.carousel-multi-item .carousel-indicators .active {
    height: 1.56rem;
    width: 1.56rem;
    max-width: 1.56rem;
    background-color: #70bf4a;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	border: 1px solid #70bf4a;
}

.cards {
	float: right;
	position: relative;
	/*right: -110px;*/
	clear: both;
}

.card-body .mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
    height: 146px;
}

.card-bg-primary {
    background-color: #429a1a !important;
}

.card-bg-danger {
    background-color: #4a6e39 !important;
}

.card-bg-dark-info {
    background-color: #638d50 !important;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link {
    padding: 7px 25px 7px 15px!important;
}


/************** Notification *****************/

.sidebar-item .badge-info {
    color: #fff;
    background-color: #398bf7!importanti;
}

.sidebar-item .badge-danger {
    color: #fff;
    background-color: #ef5350;
}

.sidebar-item .badge-success {
    color: #000;
    background-color: #06d79c!important;
}

.sidebar-item .badge-warning {
    color: #fff;
    background-color: #F7AE02!important;
}

.sidebar-item .badgetop {
    color: #fff;
	padding: 3px 10px;
    font-size: .90rem;
    font-weight: 800;
    line-height: 1;
	margin: 4px;
	border-radius: 4px;
	display: none;
}

.sidebar-nav #sidebarnav > .sidebar-item ul.second-level {
    left: 100%!important;
    top: 0;
}

.sidebar-item .first-level .right-side-dd ul.second-level {
    right: 0px!important;
    top: 0;
    left: auto;
}

#main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level ul.second-level, #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .right-side-dd ul.second-level {
    /*right: 0!important;*/
    top: 0;
    left: auto;
}

@media (min-width: 992px)
#main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item:last-child > .first-level ul.second-level, #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item .first-level .right-side-dd ul.second-level {
    right: 0px!important;
    top: 0;
    left: auto;
}

/*********************** REMAIN - Cards *********************/

/****** Drop Down ****************/
.sidebar-nav #sidebarnav > .sidebar-item ul {
    position: absolute;
    left: 0;
    top: auto;
    width: auto!important;
	max-width: 300px;
    padding-bottom: 05
    display: none;
    z-index: 100;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#5ada49, #5ada49), linear-gradient(#e9ecef, #e9ecef);
    border: 0 none;
    border-radius: 0;
    box-shadow: none !important;
    float: none;
    background-position: bottom;
}

.mdi-view-grid:before {
    content: "\F570";
    color: #000000!important;
}


.page-titles-top .breadcrumb {
    padding: 0;
    margin: 0 10px 0 15px!important;
    background: transparent;
    font-size: 14px;
}

.row-top {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0 0 10px 0;
}

.breadcrumb-item-top.active {
    color: #398bf7;
    font-weight: bold;
}

@media (min-width: 992px)
#main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul {
    position: absolute;
    left: 0;
    top: auto;
    width: 210px!important;
    padding-bottom: 0;
    display: none;
    z-index: 100;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
}


/****** button *********/

.bs-bars .data_button {
	margin: 0px 0 20px 0;
	height: 40px;
	clear: both;
}

.data_button {
	margin: 20px 0 20px 0;
	height: 40px;
	clear: both;
}

.data_button button {
	padding: 10px;
	width: 120px;
	font-weight: bold;
	background: #5ada49;
	border-radius: 5px;
	border: 0;
	color:#000;
}

.data_button button:hover {
	padding: 10px;
	width: 120px;
	font-weight: bold;
	background: #000;
	color: #fff;
}

/***** Bootstrap Colors ******/
.data_button .btn-primary {
    color: #000;
    background-color: #5ada49;
    border-color: #5ada49;
}

.data_button .btn-warning {
    color: #212529;
    background-color: #ffb22b;
    border-color: #ffb22b;
}

.data_button .btn-warning:hover {
    color: #000;
    background-color: #5ada49;
    border-color: ##5ada49;
}

.data_button .btn-danger {
    color: #fff;
    background-color: #ef5350;
    border-color: #ef5350;
}

.data_button .btn-danger:hover {
    color: #000;
    background-color: #5ada49;
    border-color: ##5ada49;
}

.data_button .btn-success: {
    color: #000;
    background-color: #5ada49;
    border-color: ##5ada49;
}

.data_button .btn-success:hover {
    color: #000;
    background-color: #5ada49;
    border-color: ##5ada49;
}


.data_button .btn-info {
    color: #fff;
    background-color: #398bf7;
    border-color: #398bf7;
}

.data_button .btn-info:hover {
    color: #000;
    background-color: #5ada49;
    border-color: ##5ada49;
}

.data_button .btn-secondary {
    color: #fff;
    background-color: #545b62;
    border-color: #545b62;
}

.data_button .btn-secondary:hover {
    color: #000;
    background-color: #5ada49;
    border-color: ##5ada49;
}

.data_button .btn-disable {
    color: #5d5c5c;
    background-color: #e9edf2;
    border-color: #e9edf2;
}

.data_button .btn-disable:hover {
    color: #5d5c5c;
    background-color: #e9edf2;
    border-color: #e9edf2;
}
/***** Bootstrap Colors ******/

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding: 10px!important;
    font-weight: bold;
    font-size: 15px;
    height: 20px;
}

.btn-space {
	margin: 0 0px 0 10px;
}

/***** modal width ********/
.modal-dialog {
    max-width: 90%!important;
    margin: 1.75rem auto;
}
/***** modal width ********/

	.m-0 { margin:0!important; }
	.m-1 { margin:.25rem!important; }
	.m-2 { margin:.5rem!important; }
	.m-3 { margin:1rem!important; }
	.m-4 { margin:1.5rem!important; }
	.m-5 { margin:3rem!important; }

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

	.mt-1 { margin-top:.25rem!important; }
	.mr-1 { margin-right:.25rem!important; }
	.mb-1 { margin-bottom:.25rem!important; }
	.ml-1 { margin-left:.25rem!important; }
	.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
	.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

	.mt-2 { margin-top:.5rem!important; }
	.mr-2 { margin-right:.5rem!important; }
	.mb-2 { margin-bottom:.5rem!important; }
	.ml-2 { margin-left:.5rem!important; }
	.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
	.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

	.mt-3 { margin-top:1rem!important; }
	.mr-3 { margin-right:1rem!important; }
	.mb-3 { margin-bottom:1rem!important; }
	.ml-3 { margin-left:1rem!important; }
	.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
	.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

	.mt-4 { margin-top:1.5rem!important; }
	.mr-4 { margin-right:1.5rem!important; }
	.mb-4 { margin-bottom:1.5rem!important; }
	.ml-4 { margin-left:1.5rem!important; }
	.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
	.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

	.mt-5 { margin-top:3rem!important; }
	.mr-5 { margin-right:3rem!important; }
	.mb-5 { margin-bottom:3rem!important; }
	.ml-5 { margin-left:3rem!important; }
	.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
	.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

	.mt-auto { margin-top:auto!important; }
	.mr-auto { margin-right:auto!important; }
	.mb-auto { margin-bottom:auto!important; }
	.ml-auto { margin-left:auto!important; }
	.mx-auto { margin-right:auto!important;margin-left:auto!important; }
	.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

	.p-0 { padding:0!important; }
	.p-1 { padding:.25rem!important; }
	.p-2 { padding:.5rem!important; }
	.p-3 { padding:1rem!important; }
	.p-4 { padding:1.5rem!important; }
	.p-5 { padding:3rem!important; }

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

	.pt-1 { padding-top:.25rem!important; }
	.pr-1 { padding-right:.25rem!important; }
	.pb-1 { padding-bottom:.25rem!important; }
	.pl-1 { padding-left:.25rem!important; }
	.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
	.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

	.pt-2 { padding-top:.5rem!important; }
	.pr-2 { padding-right:.5rem!important; }
	.pb-2 { padding-bottom:.5rem!important; }
	.pl-2 { padding-left:.5rem!important; }
	.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
	.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

	.pt-3 { padding-top:1rem!important; }
	.pr-3 { padding-right:1rem!important; }
	.pb-3 { padding-bottom:1rem!important; }
	.pl-3 { padding-left:1rem!important; }
	.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
	.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

	.pt-4 { padding-top:1.5rem!important; }
	.pr-4 { padding-right:1.5rem!important; }
	.pb-4 { padding-bottom:1.5rem!important; }
	.pl-4 { padding-left:1.5rem!important; }
	.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
	.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

	.pt-5 { padding-top:3rem!important; }
	.pr-5 { padding-right:3rem!important; }
	.pb-5 { padding-bottom:3rem!important; }
	.pl-5 { padding-left:3rem!important; }
	.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
	.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }