@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
:root {
  --body:#f4f5f7;
  --contents-bg:#f4f5f7;
  --main-color:white;
  --accent:#ffffff;
  /* Menu color*/
  --color-menu: #404040;
  --color-menu-hover: #5840FF;
  --color-menu-active: #5840FF;
  --color-menu-bg-opacity: rgb(var(--color-primary-rgba), .10);
  --header-bg: white;
  --sidebar-bg: white;
  --main-content:var(--contents-bg);
  --header-bg:white;
  --logo-wrapper-bg:white;
  --color-add-listing-button-text: var(--color-white);
  --color-add-listing-button-text-hover: var(--color-white);
  --bgcolor-add-listing-button: #181948;
  --bgcolor-add-listing-button-hover: #0A0A0A;
  --color-banner_title: var(--color-white);
  --color-breadcrumb-link: #8C90A4;
  --color-breadcrumb-link-hover: #5840FF;
  --color-breadcrumb_separator: #8C90A4;
  --bgcolor-footer: #353b58;
  --color-footer-divider: #353b58;
  --color-footer-title: var(--color-white);
  --color-footer-link-hover: var(--color-white);
  --color-primary: #181948;
  --color-secondary: #5840FF;
  --color-success: #01B81A;
  --color-info: #00AAFF;
  --color-warning: #FA8B0C;
  --color-danger: #FF0F0F;
  --color-dark: #0A0A0A;
  --color-infos:#00E4EC;
  --color-warnings:#FFBB00;
  --color-dangers: #FF0F0F;
  --color-purple:#A722F6;
  --bg-primary: #181948;
  --bg-secondary: #5840FF;
  --bg-success: #01B81A;
  --bg-info: #00AAFF;
  --bg-warning: #FA8B0C;
  --bg-danger: #FF0F0F;
  --bg-dark: rgb(10, 10, 10);
  --bg-primary-hover: #181948;
  --bg-secondary-hover: #3520C8;
  --bg-success-hover: #0D811D;
  --bg-info-hover: #0787C7;
  --bg-warning-hover: #D9790A;
  --bg-danger-hover: #CB0000;
  --bg-dark-hover: #272525;
  --bg-gray-hover: #585858;
  --color-primary-rgba: 130, 49, 211;
  --color-secondary-rgba: 88, 64, 255;
  --color-success-rgba: 1, 184, 26;
  --color-info-rgba: 0, 170, 255;
  --color-warning-rgba: 250, 139, 12;
  --color-danger-rgba: 255, 15, 15;
  --color-dark-rgba: 10, 10, 10;
  --color-primary-rgba-shadow: rgba(var(--color-primary-rgba), 0.20);
  --color-white: #fff;
  --color-light: #747474;
  --color-lighten: #A0A0A0;
  --color-lighter: #F8F9FB;
  --color-lighten-x: #5d658c;
  --footer-dark: #353b58;
  --color-deep: #eff0f3;
  --color-normal: #f8f9fb;
  --color-lighters: #f4f5f7;
  --color-lighten-rgba:173, 181, 217;
  --color-gray: #404040;
  --color-gray-x: #5A5F7D;
  --body-color: #666d92;
  --text-color: #666d92;
  --light-gray: #8C90A4;
  --light-gray-rgba: 173, 181, 217;
  --border-color: #F1F2F6;
  --border-light: #E3E6EF;
  --border-deep: #c6d0dc;
  --bg-normal: #f8f9fb;
  --bg-lighters: #f4f5f7;
  --bg-lighter: #f4f5f7;
  --bg-deep: #EFF0F3;
  --bg-gray: #404040;
  --bg-light: #747474;
  --bg-white: #ffffff;
  --bg-light-rgba: 116, 116, 116;
  --bg-normal-rgba: 248, 249, 251;
  --bg-lighter-rgba: 244, 245, 247;
  --bg-deep-rgba:239, 240, 243;
  --color-gray-rgba: 173, 181, 217;
  --color-dark-rgba: 39, 43, 65;
  --color-white-rgba: 255, 255, 255;
  --box-shadow-color-rgba: 146, 153, 184;
  --border-radius-xl: 10px;
  --border-radius-md: 6px;
  --border-radius-xs: 4px;
  --color-facebook: #2366b8;
  --color-twitter: #00abe4;
  --color-pinterest: #ef1b25;
  --color-gplus: #dc4e41;
  --color-linkedin: #007cbc;
  --color-tumblr: #35465c;
  --color-vk: #4a76a8;
  --color-youtube: #e32212;
  --color-instagram: #9c27b0;
  --color-ruby: #c2185b;
  --color-facebook-rgba: 35, 102, 184;
  --color-twitter-rgba: 0, 171, 228;
  --color-pinterest-rgba: 239, 27, 37;
  --color-gplus-rgba: 220, 78, 65;
  --color-linkedin-rgba: 0, 124, 188;
  --color-tumblr-rgba: 53, 70, 92;
  --color-vk-rgba: 74, 118, 168;
  --color-youtube-rgba: 227, 34, 18;
  --color-instagram-rgba: 156, 39, 176;
  --color-ruby-rgba: 194, 24, 91;
  --color-infos-rgba:0, 228, 236;
  --color-warnings-rgba:255, 187, 0;
  --color-dangers-rgba: 255, 15, 15;
  --color-purple-rgba:167, 34, 246;
  --color-primary-rgba-10:rgba(var(--color-primary-rgba), 0.1);
  --color-secondary-rgba-10:rgba(var(--color-secondary-rgba), 0.1);
  --color-primary-rgba-50:rgba(var(--color-primary-rgba), 0.5);
  --color-secondary-rgba-50:rgba(var(--color-secondary-rgba), 0.5);
  --transition:all 0.3s ease;
  --gridLines_color:#E3E6EF;
  --scrollbarBG: var(--color-white);
  --thumbBG: #E3E6EF;
  --input-bg:var(--color-white);
  --input-focus-bg:var(--color-white);
  --tooltip-bg:var(--color-white);
  --tooltip-arrow-color:var(--color-white);
  --shadow2:#9299B80D;
  --shadow3:#9299B81A;
  --shadow4:#9299B833;
  --shadow5:#9299b826;
}
  body {
	  font-family: "sofia-pro", sans-serif;
	  }

.bold_navy_text {
    font-weight: bold;
	    color: #181948;
}
p{
	/*font-size: 1.2rem;*/
}
.rocksalt {
	  font-family: "Rock Salt", cursive;

}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', serif;

}
.card-header
{    
	text-transform:none !important;
}
input[type="date"], input[type="time"], input[type="datetime-local"] {
 font-family: Arial, sans-serif;
}
.btn-primary:focus
{
    background-color: #181948;
}
.req:after { 
  content:"*";
  color:red;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {

  height: 36px;
}
.form-select{
  height: 36px;
}
.bg-gray
{
  background:#F4F5F7 !important;  
}
.bg-tr
{
  background:#E7EBF5 !important;  
}
/*************** BUTTON********/
.btn-deepblue
{
  background: #181948 !important;
  color: #ffffff !important;   
}
.btn-deepblue:focus, .btn-deepblue:hover
{
  color: #ffffff !important;  
}

.btn-lightblue
{
  background: #4F69AC !important;  
  color: #ffffff !important;  
}

.btn-lightblue:focus, .btn-lightblue:hover
{
  color: #ffffff !important;  
}
.btn-skyblue
{
  background: #BBC6E3 !important; 
  color: #181948 !important;   
}
.btn-skyblue:focus, .btn-skyblue:hover
{
  color: #181948 !important;  
}

.btn-mint
{
  background: #CBE5DE !important; 
  color: #181948;  
}

.btn-mandygreen
{
  background: #1B4752 !important;  
  color: #ffffff;
}
.btn-mandygreen:focus, .btn-mandygreen:hover
{
  color: #ffffff !important;  
}

.btn-sienna
{
  background: #8D6E66 !important;  
  color: #ffffff;
}
.btn-sienna:focus, .btn-sienna:hover, .btn-sienna:active
{
  color: #ffffff !important;  
}
.btn-tangerine
{
  background: #E16E47 !important; 
  color: #ffffff;
}
.btn-tangerine:focus, .btn-tangerine:hover, .btn-tangerine:active
{
  color: #ffffff;
}


.fs-6 {
  font-size: 0.8rem !important;
}

.btn-sm {
  line-height: 1.8;
}

.ap-button button {
  max-height: 35px;
  min-height: 35px;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}
.btn span, .btn i {
  font-size: 15px;
  display: inline-block;
 margin-right: 0px !important;
}

.dog-details{
  font-size: 5px;
}

.bg-opacity-primary {
    background: #BBC6E3 !important;
}

.dark-purple
{
  color: #2D469F !important; 	
}