.dataTables_scrollHead thead,
.dataTables_scrollHead thead>tr,
.dataTables_scrollHead thead>tr>th {
    color: #ffffff;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
}

.dataTables_scrollHead thead.user_acct_req_header,
.dataTables_scrollHead thead.user_acct_req_header>tr,
.dataTables_scrollHead thead.user_acct_req_header>tr>th {
    background-color: rgb(2, 179, 206);
}

#comp-users-table_wrapper .dataTables_scrollHead thead,
#comp-users-table_wrapper .dataTables_scrollHead thead>tr,
#comp-users-table_wrapper .dataTables_scrollHead thead>tr>th {
    background-color: #4B4C50;
}

.user-table-header tr>th {
    background-color: #4B4C50;
}

.dataTables_scrollHead thead>tr>th:focus,
.dataTables_scrollHead thead>tr>th:active {
    box-shadow: none !important;
    outline: none !important;
}

.table>thead>tr>th {
    text-align: left !important;
}

/* .table>tbody>tr>td:last-child,
.table>tbody>tr>th:last-child {
    text-align: right !important;
} */

.dataTables_scrollHead thead tr th.sorting_desc:after {
    content: "\61";
    font-family: "selected-icons-v2" !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1.42857143;
    -webkit-font-smoothing: antialiased;
    margin-left: 4px;
    vertical-align: text-bottom;
    font-size: 9px;
}

.dataTables_scrollHead thead.user_acct_req_header tr th.sorting_desc:after {
    color: rgb(119, 227, 239);
}

.dataTables_scrollHead thead.user_acct_header tr th.sorting_desc:after {
    color: rgb(220, 227, 228);
}

.dataTables_scrollHead thead tr th.sorting_asc:after {
    content: "\61";
    font-family: "selected-icons-v2" !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1.42857143;
    -webkit-font-smoothing: antialiased;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    margin-left: 4px;
    vertical-align: text-bottom;
    font-size: 9px;
}

.dataTables_scrollHead thead.user_acct_req_header tr th.sorting_asc:after {

    color: rgb(119, 227, 239);
}

.dataTables_scrollHead thead.user_acct_header tr th.sorting_asc:after {

    color: rgb(116, 117, 117);
}


@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

button.decline {
    font-size: 10px;
    font-weight: 900 !important;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    padding: 8px 20px;
    outline: none;
    color: rgb(2, 179, 206);
    background: transparent;
    border: 2px solid rgb(2, 179, 206);
}

/*button.decline:focus, button.approve:focus, button.update:focus
button.decline:active, button.approve:active, button.update:active
{
    box-shadow: none !important;
    outline: none !important;
}*/

button.decline:active,
button.decline:focus,
button.decline:hover {
    color: rgb(2, 179, 206);
}

button.approve {
    background-color: rgb(2, 179, 206);
    color: #fff;
    font-size: 10px;
    font-weight: 900 !important;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    padding: 8px 20px;
    border: none;
    outline: none;
}

button.update {
    color: #fff;
    font-size: 10px;
    font-weight: 900 !important;
    text-transform: uppercase;
    background-color: #4B4C50;
    cursor: pointer;
    text-decoration: none;
    padding: 8px 20px;
    border: none;
    outline: none;
}

.table>thead>tr>th,
.table>thead>tr>td {
    vertical-align: middle;
    font-size: 12px;
    font-weight: 300;
    padding: 7px;
    white-space: nowrap;
}

.table>tbody>tr>th,
.table>tbody>tr>td {
    padding: 5px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 1024px){
	
#myCompanyPageBody .table>tbody>tr>td {
    max-width: 200px;
}
}

.table>tbody>tr>td.mv-action-control-col{
	    padding: 5px 0px;
}

#comp-users-table_wrapper .table>tbody>tr>td {
    border: 1px solid grey;
}

/* .table>tbody>tr>td:first-child {
    padding: 0px;
} */

.dataTables_scroll .dataTables_scrollHead .table {
    margin-bottom: 5px;
}

.section-divider {
    padding: 20px 0px;
}

#comp-users-table_filter label {
    width: 100%;
}

#comp-users-table_filter label input[type="search"] {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 1px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    font-size: 12px;
    margin-top: 7px;
    padding: 10px;
}

#comp-users-table_filter label input[type="search"]::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
}

#comp-users-table_filter label input[type="search"]:-moz-placeholder {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
}

#comp-users-table_filter label input[type="search"]::-moz-placeholder {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
}

#comp-users-table_filter label input[type="search"]:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    text-align: left;
    padding: 0px;
    text-transform: uppercase;
}

.user-search-box {
    margin: 10px 0px;
}

.access-level-desc fieldset {
    border: 1px solid #98979D;
    padding:5px;
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}

.access-level-desc fieldset legend {
    display: block;
    width: auto;
    border: none !important;
    margin: 3px auto !important;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    color: #4B4C50;
}
.access-level-desc fieldset legend span {
    color: #4B4C50;
}

.section-order-history-bg {
    background-color: #efefef;
    position: absolute;
    left: 0;
    right: 0;
}

.row-remove-btn {
    margin: 0px;
    padding: 5px;
    height: 100%;
    width: fit-content;
    color: #ffffff;
    background-color: #4B4C50;
    border-radius: 50%;
    font-size: 8px;
    font-weight: bolder;
    cursor: pointer;
}

.disabled .row-remove-btn {
    background-color: #98979D;
}

.table>tbody>tr>td:first-child.rm-btn-container {
    padding: 5px;
}

.table-add a {
    text-decoration: none;
}

/* Begin Custom radio button**/

/**custom**/
.custom-checkmark {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: white !important;
    border-radius: 50%;
    border: 2px solid #C8C8CA;
    margin-top: -8px;
    cursor: pointer;
}

.custom-checkmark.disabled{
	pointer-events: none !important;
}

.custom-checkmark input {
    opacity: 0;
}

.custom-checkmark::after {
    content: "";
    position: absolute;
    display: block;
    top: 2px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
    background: #C8C8CA;
    margin-top: 0px;
}

.custom-checkmark.green.active {
    border: 2px solid #3D8138;
}

.custom-checkmark.green.active::after {
    background: #3D8138;
}

.custom-checkmark.blue.active {
    border: 2px solid #3CCBDC;
}

.custom-checkmark.blue.active:after {
    background: #3CCBDC;
}

/* End Custom radio button*/

/*Mobile View of User Requests*/
.user-request-box {
	border-radius: 4px;
    padding: 15px;
    background-color: #3CCBDC;
    border: 1px solid white;
    margin-top: 10px;
}

.user-request-sm-section .user-request-box .decline {
    border: 2px solid white;
    color: white;
    font-size: 12px;
    font-weight: 900;
    width: 100%;
}

.user-request-sm-section .user-request-box .approve {
    border: 2px solid white;
    background-color: white;
    color: #3CCBDC;
    font-size: 12px;
    font-weight: 900;
    width: 100%;
}

.user-item-label {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    color: white;
    font-weight: 900;
}

.item-label-margin {
    margin-top: 3px;
}

.item-label-padding {
    padding-left: 25px;
}

.user-item-value {
    font-size: 12px;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white;
    font-weight: 400;
}

/* Mobile view od Use accounts */
.user-accounts-box {
    padding: 0px;
    background-color: #FFF;
}

.user-accounts-box .delete {
    border: 2px solid #4B4C50;
    background-color: #FFF;
    color: #4B4C50;
    font-size: 12px;
    font-weight: 900;
    width: 100%;
}

.add-button {
    border: 2px solid #3CCBDC;
    background-color: #3CCBDC;
    color: #FFF;
    font-size: 12px;
    font-weight: 900;
    width: 100%;
}


.user-accounts-box .approve {
    border: 2px solid #3CCBDC;
    background-color: #3CCBDC;
    color: #FFF;
    font-size: 12px;
    font-weight: 900;
    width: 100%;
}

.section-header1 .approve {
    border: 2px solid #3CCBDC;
    background-color: #3CCBDC;
    color: #FFF;
    font-size: 12px;
    font-weight: 900;
}

#user-accounts-table .item-wrapper .item-group {
    padding: 5px;
}

#user-accounts-table .item-wrapper .item-group .item-label {
    font-weight: bold;
}

.section-header1 {
    color: #4B4C50;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 10px 0px;
}

@media screen and (max-width: 1024px){
.comp-user-requests .section-header1{
    margin: 10px 0px 10px -10px;
}}

.section-sub-header1 {
    color: #4B4C50;
    font-size: 9px;
    font-weight: 600;
    margin: 10px 0px;
}

.table-user-accounts thead th {
    background-color: #4B4C50;
}

.action-remove-user-account>img {
    cursor: pointer;
    width: 17px;
}

.full-width {
    width: 100%;
}

.order-history-bg {
    background-color: #efefef;
    padding-bottom: 1px;
}

@media (min-width: 1024px) {

    .user-item-label,
    .user-item-value {
        display: block;
    }
}

@media (max-width: 1023px) {

    .user-item-label {
        display: inline-block;
        line-height: 20px;
        vertical-align: top;
        width: 30%;
        font-size: 13px;
    	font-weight: 600;
    }

    .user-item-value {
        display: inline-block;
        line-height: 20px;
        vertical-align: top;
        font-size: 14px;
    	font-weight: 400;
    	min-height: 28px;
    }

    .user-item-value {
        padding-left: 10px;
    }

    .user-item-action {
        margin-top: 20px;
    }
}

.header-bottom.cmp-header {
    display: inline-block;
}

.header-bottom.cmp-header div.header-block{
    margin-right: 90px;
    margin-left: 90px;
}

.sort-wrapper {
    height: 35px;
}

/* .user-accounts-box .item-label {
    width: 27%;
}
.user-accounts-box .item-value {
    width: 70%;
} */

.uppercase {
    text-transform: uppercase;
}

.width-p20 {
    width: 20%;
}
.width-35 {
    width: 35px;
}

/* Table stuff for Fixed Header. */
.usracctreq-tableFixHead { overflow-y: auto; max-height: 235px; }
.usracctreq-tableFixHead table { border-collapse: collapse; width: 100%; }
.usracctreq-tableFixHead th, td { padding: 8px 16px; }
.usracctreq-tableFixHead th { background:#eee; }

.usracct-tableFixHead { overflow-y: auto; max-height: 500px; }
.usracct-tableFixHead table { border-collapse: collapse; width: 100%; }
.usracct-tableFixHead th, td { padding: 8px 16px; }
.usracct-tableFixHead th { background:#eee; }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .user-accounts-box .item-label {
        width: 65%;
    }
    .user-accounts-box .item-group .item-value {
        width: 78%;
    }
    .margin-top-add-user { margin-top: 7px; }
    .usracct-tableFixHead { overflow-y: auto; max-height: 415px; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .user-accounts-box .item-label {
        width: 50%;
    }

    .user-accounts-box .item-group .item-value {
        width: 80%;
    }

    .margin-top-add-user { margin-top: 7px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .user-accounts-box .item-label {
        width: 50%;
    }

    .user-accounts-box .item-group .item-value {
        width: 80%;
    }

    .margin-top-add-user { margin-top: 7px; }
    .usracct-tableFixHead { overflow-y: auto; max-height: 410px; }
}

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

    .header-bottom.cmp-header div.header-block {
        margin-left: 20px;
        margin-right: 20px;
    }

    .usracct-tableFixHead { overflow-y: auto; max-height: 415px; }
}

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

    .item-label-padding {
        padding-left: 20px;
    }

    .header-bottom.cmp-header div.header-block {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 640px){
	.user-accounts-box .help-block{
		margin-left: 28%;
	}
}

/* Only for Large Screens */
@media screen and (min-width:1200px) {
    .margin-top-add-user {
        margin-top: 9px;
    }
}

.blue-theme-form .form-control{
	height: 40px;
    text-align: center;
    box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3);
    margin-top: 0px;
}

.blue-theme-form label{
	font-weight: 600;
    font-size: 13px;
    color: #064C58;
    font-size: 12px;
    text-transform: none;
    margin-bottom: 0px;
    float: left;
}

.blue-theme-form label.required:after{
	content :"*";
    color: #064C58;
    font-size: 12px;
    font-weight: 900;
}
.text-label label{
	float: none !important;
}

#user-updateform-block,
#user-addform-block,
#contact-supply-center-block{
	display:none;
}

#colorbox #user-updateform-block,
#colorbox #user-addform-block,
#colorbox #contact-supply-center-block {
    display: block;
}
/* .table-user-accounts tbody:hover td {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
}

.table-user-accounts tbody:hover tr:hover td {
	color: #444;
	text-shadow: 0 1px 0 #fff;
}
 */
.table-user-accounts td {
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	transition: all 300ms;
}

/* @media screen and (min-width: 1024px){
	.table tbody:hover tr:hover td {
		background-color: #eee;
		transition: all 400ms;
	}
}	 */
/* 
#user-table{
	overflow-x: auto;
} */
	
/* 
.table-user-accounts tr:nth-child(odd) td {
	background: #f1f1f1;	
} */


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

		.no-left-padding-small{
			padding-left: 0px !important;
		}
		
		/* Force table to not be like tables anymore */
		#user-table table, #user-table thead, #user-table tbody, #user-table th, #user-table td, #user-table tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		#user-table thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	    #user-table tr {    
	    	border-radius: 4px;
	    	border: 1px solid #eee;
	    	margin-bottom: 10px;
	    }
	    
	    #user-table tr.collapsed {   
	    	background-color: #eee; 
	    	border-color:  #98979D;
	    }
	    #user-table tr.expanded {   
	    	background-color: #fff; 
	    	border-color:  #98979D;
	    }
	    
		#user-table td {
			border: none;
			border-bottom: 1px solid #c8c6c6;
			position: relative;
			padding-left: 50%;
			font-size: 14px;
			overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
			transition: all 300ms;
			min-height: 28px;
		}
		
		#user-table tr.collapsed td:last-child{
			border-bottom: none;
		}
		#user-table tr.collapsed td{
			border-bottom: 1px solid #98979D;
		}

		#user-table td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		#user-table .main-data-raw td.fn-col:before { content: "First Name"; }
		#user-table .main-data-raw td.ln-col:before { content: "Last Name"; }
		#user-table .main-data-raw td.email-col:before { content: "Email"; }
		#user-table .main-data-raw td.phn-col:before { content: "Phone"; }
		#user-table .main-data-raw td.mob-col:before { content: "Mobile"; }
		#user-table .main-data-raw td.jf-col:before { content: "Job Function"; }
		#user-table .main-data-raw td.mp-col:before { content: "Marketplace"; }
		#user-table .main-data-raw td.oa-col:before { content: "Purchase On Account"; }
		#user-table .main-data-raw td.tp-col:before { content: "Technical Publications"; }
		#user-table .main-data-raw td.aa-col:before { content: "Administrator Access"; }
		
		
		#user-table td.mv-check-show{
			padding-top: 12px;
		    padding-bottom: 12px;
		}
		
		#user-table .main-data-raw td:before{
		    padding: 5px;
		    font-size: 13px;
		    font-weight: 600;
		    color: #064C58;
		    text-transform: uppercase;
		}	
		#user-table button.update{
			font-size: 12px;
		}
		
		 #user-table td.user-detail-control{  
			padding-left: unset;
		    float: none !important;
		    text-align: center !important;
		    background-color: #c6c6c6;
		    padding: 5px;
		    border-radius: 4px;
		    color: white;
		    margin: 2px;
		 }
		 
		  #user-table tr.collapsed td.user-detail-control .glyphicon{  
			transform: rotate(180deg) scaleX(-1);
		 }
		 
		  #user-table tr.expanded td.user-detail-control .glyphicon{  
			transform: rotate(0deg) scaleX(-1);
		 }
		 
		.comp-user-requests .row{
			margin-left: 0px;
		    margin-right: 0px;
		}
		 
}


.comp-user-list select.js-action-sort-mv{
	width: 100%;
    height: 32px;
    border: 1px solid #064C58;
    font-size: 16px;
}

.user_acct_req_header th{
	background-color: rgb(2, 179, 206);
}

@media screen and (max-width:640px){
	
		 #user-table td.mv-action-control-col{
		  	padding-left: 0px;
		  	padding-right: 0px;
		  	text-align: center;
		 }
		.comp-user-list select.js-action-sort-mv{
    		height: 34px;
		}
}
@media screen and (max-width: 480px){
		#user-table td.mv-check-show{
			padding-top: 12px;
		    padding-bottom: 12px;
		    padding-left: 70%;
		}
		.user-item-label {
		    width: 40%;
		    font-size: 13px;
		    font-weight: 600;
		}
}


.comp-user-list .sort-lebel-mv{
	font-size: 16px;
    color: #064C58;
    font-weight: 400;
    }
    
.checkmark-area, .checkmark-area label{
	cursor: pointer;
}
/* My Company new template styling */
.column {
	border: 1px solid #C0C1C1;
	margin: 22px;
	padding-right: 20px;
	/*padding: 1px;*/
	text-align: center !important;
	padding-bottom: 1em;
	border-radius: 2px;
	/* margin:10px; */
	height: 250px; /* Should be removed. Only for demonstration */
}
.column2 {
	border: 1px solid #C0C1C1;
	/*margin: 22px;*/
	margin-left: 23px;
    margin-right: -8px;
    margin-top: 20px;
	padding-right: 20px;
	/*padding: 1px;*/
	text-align: center !important;
	padding-bottom: 1em;
	border-radius: 2px;
	/* margin:10px; */
	height: 250px; /* Should be removed. Only for demonstration */
	max-width: 30.97243%;
	flex: 0 0 30.97243%;
}
.access-flag-name {
    font-weight: 600 !important;
    color: #75787B;
    font-size: 11px;
    margin-right:4px;
}

/* Clear floats after the columns */
.unapproveduser:after {
	content: "";
	display: table;
	clear: both;
}

.comp-user-requests hr {
	margin-top: 0px !important;
	border-top: 3px solid #003764 !important;
	margin-bottom: 0px !important;
}
#user-addform-block hr{
	margin-top: 0px !important;
	border-top: 3px solid #003764 !important;
	margin-bottom: 0px !important;
}
#user-updateform-block hr{
	margin-top: 0px !important;
	border-top: 3px solid #003764 !important;
	margin-bottom: 0px !important;
}

.customername {
	color: #00AEC7;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}

.userfields {
	color: #75787B;
	font-size: 12px;
	line-height: 18px;
}

.access-flag-section {
	    width: 80% !important;
    margin: 10px auto;
    display: flex;
    font-size: 12px;
}

.access-flag-section div {
	background-color: #D0D0CE;
    -webkit-flex: 1;
    flex: 1;
    border: 0.5px solid #FFFFFF;
    color: white;
    border-radius: 1px;
    text-align: center;
        line-height: 24px;
}

.delete-button {
	background-color: #FFFFFF !important;
	margin-top: 0px !important;
	font-size: 13px !important;
	color: black !important;
	border: 2px solid black !important;
	padding: 6px 16px ! important;
	margin-left: 16px;
}

.user-button {
	height: 40px;
	width: 95px;
}

button.update-button {
	background-color: rgb(2, 179, 206);
	color: #fff;
	font-size: 10px;
	font-weight: 900 !important;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	padding: 8px 20px;
	border: none;
	outline: none;
}

.parts-mp-access {
	background-color: #6CC24A !important;
}

.tpmp-access {
	background-color: #C5B783 !important;
}

.techpub-access {
	background-color: #594A25 !important;
}

.admin-access {
	background-color: #000000 !important;
}

.maintenance-access {
	background-color: #00426A !important;
}

.access-flag-desc {
	width: 78% !important;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
	font-size: 15px;
}

.search-sort-page-section {
	width: 100% !important;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
	font-size: 15px;
}

.access-flag-desc div {
	-webkit-flex: 1; /* Safari 6.1+ */
	flex: 1;
	padding-right: 4px;
	color: #A0A6A6;
	border-radius: 1px;
	white-space: nowrap;
}

.supply-center-name {
	color: #000000;
	font-weight:600;
}

.add-user-plus-icon{
	font-size: 11px;
    font-weight: 600;
    color: #75787B;
    vertical-align: middle;
    text-transform: uppercase;
}

.add-user-plus-icon:after {
cursor:pointer;
	float:right;
	color: #003865;
	font-weight: 600;
	font-size: 22px;
	content: ' \002B';
	line-height: 28px;
}


.add-user-plus-icon:hover {
	opacity: .8;
}

.access-align-desc {
	color: #FFFFFF;
	margin-right: 4px;
	font-size: 13px;
    font-weight: 600;
    width: 22px;
    height: 24px;
    text-align: center;
}

.searchInput {
	width: 100%;
}

.searchInput .icon-search {
	/*top: 12px !important;*/
	color: #D0D0CE !important;
	left: 8px !important;
	right: auto !important;
	font-size: 14px !important;
}

#inputSearchUserAccount {
	border-radius:4px;
	display: unset !important;
	position: initial !important;
	text-indent: 25px;
	max-width: 100% !important;
	border: 1px solid #D0D0CE;
}

.user-account-status {
	color: rgb(2, 179, 206);
	font-size: 22px;
}

.ship-address-portion-size {
	max-width: none !important;
}

.shipping-pagination-list{
top: 0;
    right: 0;
    font-size: x-small;
    left: 50px;
position: absolute;
display:flex;
	font-weight: bold;
}
.shipping-pagination-list span {
	padding: 2px 2px;
	background: #D0D0CE;
	color: #fff;
	cursor: pointer;
}

.shipping-pagination-list span.active {
	background: #3CCBDA;
	color: #fff;
}
.pagination-list {
/* 	position: absolute;
	right: 18px;
	top: 58px; */
	display:flex;
	font-size:x-small;
	font-weight: bold;
}

.pagination-list span {
	padding: 2px 2px;
	background: #D0D0CE;
	color: #fff;
	cursor: pointer;
}

.pagination-list span.active {
	background: #3CCBDA;
	color: #fff;
}

.removeAddressFromCompanyPage{
	color:#D0D0CE;
	font-size:15px;
}

.removeAddressFromCompanyPage:hover{
	color:#00AEC7;
}
.sorting-font-sec{
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 12px;
}
#user-account-sorting{
font-size: 12px;
    padding: 5px;
    }
.download-csv-sec{
left:15px;
}

#pagin{
/* display: flex; */
color: #A7A8AA;
float:right;
line-height: 40px
}
#shipPagein{
/* display: flex; */
color: #A7A8AA;
}
.pageNumberDetails{
margin-right:5px;
margin-bottom: 0;
font-size: 14px;
line-height: 45px;
font-weight: 400;
color:#75787B
}
.nav-icon-desc{
display:flex;
}
 .update-button-align{
display:inline-block !important;
margin-top:50px;
} 
.btn-cont{
    margin: 0 auto !important;
    margin-top: 10px !important;
    margin-left: 16px !important;
}
.download-csv-sec{
    padding: 0 !important;
}
.custom-downlode:before{
    background: rgb(2, 179, 206);
    padding: 10px 10px;
    color: #ffffff;
    font-size: 17px;
    position: absolute;
    left: -25px;
    top: 0;
}
.side-action{
padding: 0px !important;
    
}
.short-order .custom-select{
    display: inline-block;
}
.short-order .shipping-pagination-list{
    top: 5px;
    font-size: x-small;
    left: unset;
    right: 0;
}
.short-order p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 45px;
    margin: 0px 10px;
    }
    .f-right{
    float:right;
    font-weight: 600;
    font-size: 11px;
    }
.ship-address-section {
	float: left !important;
	padding-top: 8px;
    padding-bottom: 8px;
	text-align: left !important;
	height: auto !important;
	margin: 6px 0 6px 0;
	    width: 100%;
    padding: 10px;
}

.default-ship {
	background-color: #003865;
}
.cbox-success-header-missingpub {
    color: #003764;
}
.cbox-success-header-techpub {
    color: #3D8138;
}    
.switch-field {
	display: inline-flex;
    overflow: hidden;
    float: right;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	font-weight: 900;
    text-transform: uppercase;
	background-color: #25282A;
	color: rgba(0, 0, 0, 0.6);
	font-size: 11px;
	line-height: 1;
	text-align: center;
	padding: 4px 4px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #FFFFFF;
	box-shadow: none;
	border:2px solid #000000;
}
.item-label-padding {
    padding-left: 0px;
}
.pop-access-align-desc{
    font-size:smaller;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
.pmp-flag-desc input:checked + label {
    background-color: #FFFFFF;
    box-shadow: none;
    color: #6CC24A;
    border: 2px solid #6CC24A;
}
.pmp-flag-desc label {
    background-color: #6CC24A;
    color: #6CC24A !important;
    }
.tpmp-flag-desc input:checked + label {
    background-color: #FFFFFF;
    box-shadow: none;
    color: #C5B783;
    border: 2px solid #C5B783;
}
.tpmp-flag-desc label {
    background-color: #C5B783;
    color: #C5B783 !important;
    }
 .tp-flag-desc input:checked + label {
    background-color: #FFFFFF;
    box-shadow: none;
    color: #594A25;
    border: 2px solid #594A25;
}
.tp-flag-desc label 
{
    background-color: #594A25;
    color: #594A25 !important;
}


 .blue-theme-form label{
 color:#000000;
 }
.form-title-text{
text-align: left;
font-weight:900;
}
.form-title-text hr{
margin-top:10px !important;
}

.sub-access-flags-desn label{
color: #A7A8AA;
 font-weight: normal;
 margin-top:12px;
}

.maintenance-sub-access input[type='radio'] {
    -webkit-appearance:none;
    width:14px;
    height:14px;
    border:1px solid #D0D0CE;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 0px 0px white inset;
    float:right;
    margin: 0;
}
.maintenance-sub-access input[type='radio']:hover {
    box-shadow:0 0 0px 0px white inset;
}
.maintenance-sub-access input[type='radio']:before {
    content:'';
    display:block;
    width:102%;
    height:102%;
    margin-right:1px;
    border-radius:50%;    
}
.maintenance-sub-access input[type='radio']:checked:before {
    background: #D0D0CE;
}

.radio-button-align{
/* margin-left:-8px;
margin-right:30px; */
}

.spmp-sub-access input[type='radio'] {
    -webkit-appearance:none;
    width:14px;
    height:14px;
    border:1px solid #D0D0CE;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 0px 0px white inset;
     float:right;
    margin: 0;
}
.spmp-sub-access input[type='radio']:hover {
    box-shadow:0 0 0px 0px white inset;
}
.spmp-sub-access input[type='radio']:before {
    content:'';
    display:block;
    width:102%;
    height:102%;
    margin-right:1px;
    border-radius:50%;    
}
.spmp-sub-access input[type='radio']:checked:before {
    background:#6CC24A;
}
.access-flag-desc{
width:100% !important;
margin-top: 2px;
margin-bottom: 3px;
}
.sub-cont{
margin:0;
line-height: 0.2px;
}
.user-count{
	margin-right: 20px;
    margin-left: -60px;
    margin-top: 6px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 100;
    /*margin-left:-69px;*/
    color: #75787B;
}
.shipping-default-icon{
font-size: 9px;
display: contents;
color: #FFFFFF;
}

.add-user-minus-icon:after {
cursor:pointer;
	float:right;
	color: #00AEC7;
	font-weight: 600;
	font-size: 22px;
	content: '\2212';
}
/*My Company new template Styling*/