@font-face {font-family: 'latomedium'; src: url('fonts/lato-medium.eot'); src: url('fonts/lato-medium.eot?#iefix') format('embedded-opentype'), url('fonts/lato-medium.woff2') format('woff2'), url('fonts/lato-medium.woff') format('woff'), url('fonts/lato-medium.ttf') format('truetype'), url('fonts/lato-medium.svg#latomedium') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latobold'; src: url('fonts/lato-bol-webfont.eot'); src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bol-webfont.woff2') format('woff2'), url('fonts/lato-bol-webfont.woff') format('woff'), url('fonts/lato-bol-webfont.ttf') format('truetype'), url('fonts/lato-bol-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latoregular'; src: url('fonts/lato-reg-webfont.eot'); src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-reg-webfont.woff2') format('woff2'), url('fonts/lato-reg-webfont.woff') format('woff'), url('fonts/lato-reg-webfont.ttf') format('truetype'), url('fonts/lato-reg-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latolight'; src: url('fonts/lato-lig-webfont.eot'); src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-lig-webfont.woff2') format('woff2'), url('fonts/lato-lig-webfont.woff') format('woff'), url('fonts/lato-lig-webfont.ttf') format('truetype'), url('fonts/lato-lig-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal;} 
@font-face {font-family: 'latoitalic'; src: url('fonts/lato-regita-webfont.eot'); src: url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regita-webfont.woff2') format('woff2'), url('fonts/lato-regita-webfont.woff') format('woff'), url('fonts/lato-regita-webfont.ttf') format('truetype'), url('fonts/lato-regita-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal;}



.form-control{font-family: 'latoregular'; width:50%; color:#999999; background-color:#e5e5e5; border-radius:25px; border:1 px solid #e5e5e5; margin-top:50px; text-align: center;}
.button{font-family: 'latoregular'; background-color:#000; color: white; padding: 5px 32px; text-align: center; text-decoration: none; display: inline-block; margin-top:20px; border-radius: 25px;}
.black-btn{padding: 19px 0 0 0;}
.black-btn a{border-radius: 30px; text-decoration: none; background: #000; color: #fff; width: auto; padding: 5px 24px; display: inline-block; vertical-align: middle;}
.margintp{margin-top:0px; width:100%;}
.line{border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;}
.margintp2{margin-top:20px; }
.acc2{width: 100%;}
.acc2 .card2{margin-bottom: 0px; border: 0; border-radius: 0;}
.acc2 .nest-div .card2{margin-bottom: 10px;}
.acc2 .mb-0 > a {display: block; position: relative; color: #fff; text-decoration: none; font-family: 'latobold'; font-weight: normal; font-size: 17px;}
.acc2 .mb-0 > a span{font-family: 'latoregular'; font-weight: normal; padding: 0 0 0 5px;}
.acc2 .mb-0 > a:after {/*content: "\f078";  fa-chevron-down font-family: 'FontAwesome';*/ display: inline-block; width: 22px; height: 22px;
    vertical-align: middle; position: absolute; right: 34px; content: ""; background: url(../images/arrow-right.png) no-repeat;
    text-align: right;}
.acc2 .mb-0 > a[aria-expanded="true"]:after {/*content: "\f077";  fa-chevron-up */ content: ""; background: url(../images/arrow-down.png) no-repeat right; display: inline-block;
    width: 22px; height: 22px; vertical-align: middle;}
.acc2 .card-header{padding: 0;}
.acc2 .mb-0 > a{padding: 16px 20px}
.space2{margin-top:20px;}

.header-right img{width:28px;}
.collapse.show {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.svgwidth{max-width:16px;}
#userdelete, #userview, #increment, #decrement{border:0px; background:none;}

 .page-admin-settings  .card2 .black-bg .themed-grid-col2{line-height:48px; padding-top:0px;padding-bottom:0px; text-decoration:underline;}
 
 .page-admin-settings .card2 .black-bg button i.fa-angle-right:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:url(../images/arrow-right-white.svg) no-repeat center center;
	background-size: 16px 16px;
	width:20px;
	height:20px;
}


.page-admin-settings .card2 .black-bg button[aria-expanded="true"] i.fa-angle-right:before {
    background: url(../images/arrow-bottom-white.svg)  no-repeat center center;
	background-size: 16px 16px;
	display:inline-block;
	vertical-align:middle;
		width:20px;
	height:20px;
} 

.page-admin-settings .card2 .black-bg  button  i.fa-angle-down:before {
content:"";
    background: url(../images/arrow-bottom-white.svg)  no-repeat center center;
	background-size: 16px 16px;
	display:inline-block;
	vertical-align:middle;
		width:20px;
	height:20px;
}

.page-admin-settings .card2 .black-bg  button[aria-expanded="true"]  i.fa-angle-down:before {
content:"";
    background: url(../images/arrow-bottom-white.svg)  no-repeat center center;
	background-size: 16px 16px;
	display:inline-block;
	vertical-align:middle;
		width:20px;
	height:20px;
}
 
.hdg {float: left; color: #000; font-family: 'latobold'; font-weight: normal; font-size: 26px; padding-top:14px;}
.pink-button {background-color: #d80468; color: white; padding: 15px 32px; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px;
  margin: 4px 2px; cursor: pointer; color:#fff;  width:80%;  border-radius: 25px;  border: none;}
.pink-button:hover {background-color: #fa4c9e; }
.purple-button {background-color: #da83ca; color: white; padding: 15px 32px; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px; margin: 4px 2px;
  cursor: pointer; color:#fff; width:80%; border-radius: 25px; border: none}
.purple-button:hover { background-color: #b64ca2; }
.cyan-button { background-color: #138997; color: white; padding: 15px 32px; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px; margin: 4px 2px;
  cursor: pointer; color:#fff; width:80%; border-radius: 25px; border: none}
.cyan-button:hover { background-color: #05bec0; }
.cyan-button2 { background-color: #138997; color: white; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px; cursor: pointer; width:80%; border-radius: 25px; border: none}
.blue-button:hover { background-color: #01383e;}
.grey-button2 { background-color: #d9d9d9; color: white; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px; cursor: pointer; width:80%;
  border-radius: 25px; border: none}
.blue-button { background-color: #06bec0; color: white; padding: 15px 32px; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px; margin: 4px 2px;
  cursor: pointer; color:#fff; width:80%; border-radius: 25px; border: none}
.yellow-button { background-color: #f3c12e; color: white; padding: 15px 32px; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px; margin: 4px 2px;
  cursor: pointer; color:#fff; width:80%; border-radius: 25px; border: none}
.yellow-button:hover { background-color: #f27405;}
.orange-button {background-color: #f27405; color: white; padding: 15px 32px; text-align: center; text-decoration: none; text-transform:uppercase; display: inline-block; font-size: 16px; margin: 4px 2px;
  cursor: pointer; color:#fff; width:80%; border-radius: 25px; border: none;}
.orange-button:hover { background-color: #c89800;}
.textlink { display: block; padding: .5rem 1rem; color: #000; text-decoration:underline;}
a {color:#0000CC; text-decoration: none;}
.tick2 {text-align: right; width: 6%; float: right; margin-right: -150px; margin-top: -4px;}
.tick2 img{border-radius: 100%; width: 26px; height: 26px; margin-left: 5px;}
.col-pic2 {text-align: left; width: 13%; float: right; margin-right: 147px; margin-top: -7px;}
.gr-bg2 {background: #d9d9d9;}
.bdrlft{ border-left:8px solid #b5b5b5; }
.md-txt{display:block; position:relative; color:#fff; text-decoration:none; font-family: 'latobold'; font-weight:normal; font-size:17px; width:25%; float:right; margin-right:0px; padding-top:10px;}
.md-txt2{display: block; position: relative; color: #fff; text-decoration: none; font-family: 'latobold'; font-weight: normal; font-size: 17px; width: 25%; float: right; margin-right: -90px; padding-top:10px;}
.pdg {padding-left: 0rem;}
.themed-grid-col { padding-top: .40rem; padding-bottom: .40rem; background-color: #fff; color:#000;}
.themed-grid-col2 { padding-top: .50rem; padding-bottom: .50rem; background-color: #000; color:#fff; }

.rws-themed-grid-col { padding-top: .40rem; padding-bottom: .40rem; background-color: #fff; color:#000;}
.rws-grey-bg { padding-top: .50rem; padding-bottom: .50rem; background-color: #f2f2f2; color:#000;}

.card-body2 { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; margin-top:0px;}
.btn{background-color: #000;  color:#fff; border:0px; font-size:27px; padding:0px;}
.btn a:hover{background-color: #000;  color:#fff; border:0px; font-size:27px; padding:0px; }
.grey-bg { padding-top: .50rem; padding-bottom: .50rem; background-color: #f2f2f2; color:#000;}
.modal-header {border-bottom: 0px solid #dee2e6;}
.modal { display: none; position: fixed; z-index: ±2147483647; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
/* Modal Content */
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%;}
/* The Close Button */
.close { color: #aaaaaa; float: right; font-size: 20px; font-weight: bold; border:0px; background-color:#FFFFFF;}
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer;
}
.file-input{background-color:#e5e5e5;}
.button3 {  background-color: #f2f2f2; border: none; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; padding: 0px 0px;}
.black-button { background-color:#000; color: white;  text-align: center; text-decoration: none; text-transform:uppercase;   cursor: pointer;
  border: none; margin-top:0px;/*line-height:27px; font-size: 0px;*/}
.nav-link {display:block; padding:.5rem 1rem; color:#000; text-decoration: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; margin-right:-35px;}
.nav-link img{max-width:14px; }





a {color: #000; text-decoration: underline;}
*, ::after, ::before { box-sizing: border-box;}
user agent stylesheet a:-webkit-any-link {color: -webkit-link; cursor: pointer; text-decoration: underline;}
.gry-button {background-color:#f2f2f2; color: black; text-decoration: none; cursor: pointer; border: none; border-radius:25px;}
.bdr { border-radius:25px; width:100%; text-align:right; padding-right:10px;}
.space{ padding-top:8px; margin-bottom:10px;  }
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	float:right;
	
}

.my-float{
	margin-top:22px;
}

.pdbtm { padding-bottom: .0rem;}
.pdg{padding-left:10px; padding-right:10px;}