/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

/*@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/RobotoCondensed-Light-webfont.eot');
    src: url('../fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/* CSS Document */

/* HEADING FONT - "Museo Slab - via AndThereWas Adobe Fonts link created for use the UI Inventory example. Note, this font is NOT FREE.
/* @import url("https://use.typekit.net/jvg3wcp.css"); */


/* HEADING FONT - "Transducer - via AndThereWas Adobe Fonts link created for use the UI Inventory example. Note, this font is NOT FREE. */
@import url("https://use.typekit.net/hxw2zpt.css");


/* BODY COPY FONT - Open Sans, Note, this font IS FREE.
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');*/

/* BODY COPY FONT - "Azo Sans - via AndThereWas Adobe Fonts link created for use the UI Inventory example. Note, this font is NOT FREE. */
@import url("https://use.typekit.net/hxw2zpt.css");

html, body {
    height: 100%;
   
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

}

body {
    font-family: 'azo-sans-web', Arial, sans-serif !important;
    font-size: 0.9rem !important;
    /*   padding-top: 0px; if fixed top menu used to fix top nav */
    line-height: 1.5;
    letter-spacing: .05rem;
    font-weight: 400;
}
h3, h2 {
    font-family: 'azo-sans-web', Arial, sans-serif !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .05rem;
}
.justify {text-align:justify;}
#header {
  /*  backdrop-filter: blur(4px)*/;
    background-color: hsla(41, 0%, 100%, .9) !important;
    border-bottom: 1px solid hsla(207,62%,95%,1) !important;
    box-shadow: 0rem 0rem .125rem hsla(211,54%,25%,.4) !important, inset 0rem -.25rem 1.25rem -.75rem filter:none;
    border: none;
    position:relative;
    z-index:5
}
.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin: 10px;
}



/* Page Sections */
.section,
.section-colored {
  padding: 30px 0;
}



.section {background-color:#eaeae9; color:#686767;}
.section h3 {color:#3c3b3b;}
.section-colored {
  background-color: #4e69a2;
  color:#ffffff;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 460px;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
    background: #fff;
    color: #333;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size:12px
}
.section-footer {
  padding: 15px 0px;
  background:#4e69a2;
  
}
/* customized */
.top {
  padding:7px 0 0px;
  /* background: #57B6DD;
 */
}
.topcorner {
    position: absolute;
    top: 7px;
    right: 11%;
}

.Row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 0px;
}

.Column {
    display: table-cell;
}

.top .container {padding-right: 50px;}


.top-menu-bar {
  margin:0;
  padding:0;
  z-index:9999;
  list-style:none;
  position:relative;
  color: #ffffff;
}

.top-menu-bar li {
  display:inline;
  list-style:none;
  padding-left:5px;
  padding-right:5px;
  line-height:1px;
}
.top-menu-bar .dropdown-menu > li > a, .top-menu-bar .dropdown-menu > li > a:hover, .top-menu-bar .dropdown-menu > li > a:focus {color:#000000; padding-top:5px; padding-bottom:5px; margin:0px; 
}
    .top-menu-bar .dropdown-menu > li > a:hover, .top-menu-bar .dropdown-menu > li > a:focus {
    background:#f6f6f6;}
.top-menu-bar li a, 
.top-menu-bar li a:hover {
  color:#ffffff;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
}
.skype_c2c_print_container {color:#ffffff;
}

/*Header (logo and menu)
------------------------------------*/
.header-logo {
    height: 45px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.white-color{
    color:#fff
}
.navbar {min-height: 40px;}
.navbar,
.navbar-inner,
.navbar-inverse {
    /*  position: sticky;
    top: 0rem;*/
    z-index: 12;
    backdrop-filter: blur(4px);
    background-color: hsla(41, 0%, 100%, .9) !important;
    border-bottom: 1px solid hsla(207,62%,95%,1) !important;
    box-shadow: 0rem 0rem .125rem hsla(211,54%,25%,.4) !important, inset 0rem -.25rem 1.25rem -.75rem filter:none;
    border: none;
    border-radius: 0px;
    padding: 0;
    margin: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* .navbar-inverse {border-bottom: 1px solid #ffffff;} */
.navbar-inverse .navbar-brand {
    position: absolute;
    top: -40px;
    color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
    
    font-family: 'roboto_condensedlight', Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;

}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #ffffff;
}

.navbar-nav > li > a {
    line-height: 12px;
    font-size:16px;
 }

.navbar-nav > li > .dropdown-menu {
    margin-top: -2px;
    border-top: 2px solid #ffffff;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;
    border:1px solid #ced4da
}

.navbar .nav > li > .dropdown-menu:after {
    border-bottom-color: #ffffff !important;
    border-top-color: #ffffff !important;
    right: 25px;
}
.navbar .nav > li > .dropdown-menu:before {
    border-bottom: 7px solid rgba(255, 255, 255, 1);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 25px;
    position: absolute;
    top: -7px;
 
}
 .services-box {text-align:center; padding:10px 20px;}
 .services-box:hover{border-radius:0px;
	box-shadow:0 0 8px #ddd;
	background:#4ca2c5;
    -webkit-transition:box-shadow 0.2s ease-in-out;
    -moz-transition:box-shadow 0.2s ease-in-out;
    -o-transition:box-shadow 0.2s ease-in-out;
    transition:box-shadow 0.2s ease-in-out;}
 .news-blogs h5 {font-size:11px; margin-bottom:0px;}
 .case-study img {margin-bottom:15px;}

 .bxslider h3 {text-align:center;}

blockquote {

    font-family: 'robotolight',Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
	/* text-align:center; */
	margin:0 auto;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0px;
	background: #EAEAE9;
/* 	margin:0 auto;
 */	
} 
.portfolio img {filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;}
.portfolio img:hover {filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;}
.img-center { display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;}
	
.btn-u {
	border:0;
	font-size:14px;
	cursor:pointer;
	padding:5px 13px;
	position:relative;
	background:#72c02c;
	display:inline-block;
	color:#fff !important;
	text-decoration:none !important;
	height:34px;
}
.btn-u:hover {
	color:#fff;
	background:#5fb611;
	text-decoration:none;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.body-content {
    margin: 0px 0px 20px 0px;
    min-height: 485px;
    background-color: #f9f9f9 !important
}
footer .input-medium {border-radius:0px; margin-bottom:3px; background:#5c5b5b; color:#b8b5b5; border:none; height:34px; padding-left:5px; margin-right:-5px;}
.footer-menu {display:block; margin:0 auto; font-size:12px; color:#dedede; margin-top:60px; text-align:center;}
/*Over write CSS*/	
.row {
    margin-left:0px;
    margin-right:0px;
}
.dropdown-menu-login {
    padding:0px;
}

.red-star {
    color: red;
}

.textalignright {
    text-align: right;
}

.validation-summary-errors {
    /*font-weight: bold !important;*/
    color: #ff0000 !important;
}

/*Sachin Khatri*/
.flex-bg-primary {
    background: #4e69a2;
    color: #fff;
}
.flex-btn-primary {
    background: #4e69a2;
    color: #fff;
    font-weight: normal ;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
    .flex-btn-primary:hover {
        color: #fff;
    }
    .flex-text-primary {
        color: #4e69a2;
    }
.grid-action {
    color: #007AB0 !important;
    text-decoration: none !important;
    font-weight: 500
}

    .grid-action:hover {
        color: #005284 !important;
        cursor: pointer
    }

.fa-pencil-square-o,
.fa-plus,
.fa-list {
    font-weight: 500 !important
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Apply the spinning animation */
.spinning {
    animation: spin 1s infinite linear;
}

.btn-enable {
    background-color: #70addd !important;
    border-color: #70addd !important;
    color: #fff !important;
    font-size: 12px !important;
    padding-top: 6px !important;
}
.btn-disable {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #fff !important;
    font-size: 12px !important;
    padding-top: 6px !important;
}

/*Multi-select Dropdown*/
.dropdown-check-list {
    display: inline-block;
    position: relative;
}

    .dropdown-check-list .anchor {
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 0.15rem 50px 0.15rem 10px;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        margin-right: 15px;
        background: white
    }

        .dropdown-check-list .anchor:after {
            position: absolute;
            right: 15px;
            top: 32%;
            content: "";
            border-left: 1px solid #343a40;
            border-top: 1px solid #343a40;
            padding: 3px;
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

        .dropdown-check-list .anchor:active:after {
            right: 15px;
            top: 32%;
        }

    .dropdown-check-list ul.items {
        padding: 2px;
        display: none;
        margin: 0;
        border: 1px solid #ccc;
        border-top: none;
        position: absolute;
        left: 0;
        z-index: 1001;
        background-color: white;
        width: 173px;
    }

        .dropdown-check-list ul.items li {
            list-style: none;
        }

    .dropdown-check-list table.items {
        padding: 5px;
        display: none;
        margin: 0;
        border: 1px solid #ccc;
        border-top: none;
        position: fixed;
        /*left: 0;*/
        z-index: 1001;  
        background-color: white;
        width: 320px;
    }

        .dropdown-check-list table.items td {
            padding: 5px !important;
            text-align: left
        }

        .dropdown-check-list table.items li {
            list-style: none;
        }

    .dropdown-check-list.visible .items {
        display: block;
    }
 /*Custom Modal Size for Billable Claims, Invoice Claims command Export Documents */
.custom-modal-size {
    max-width: 90%;
    width: 90%;
}
.toast-container {
    position: fixed !important;
    top: 60px !important;
    right: 0 !important;
    z-index: 1111 !important;
    display: none;
}
.password-hide-show {
    position: absolute;
    top: 20px;
    right: 15px
}
.password-hide-show i {
    cursor: pointer
}
/* Remove default Edge password toggle icon */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}