/*ACTION BUTTON
------------------------- */
.blue-brd-btn{background:#20add0;color:#fff;padding:10px 25px;border:2px solid #20add0;border-radius: .3rem;font-size:15px;text-align:center;font-weight:700;display:inline-block;transition:.2s linear;}
.blue-brd-btn:hover{background:#1e9fbf;color:#fff;text-decoration:none;}
.see-brd-btn{color:#fff;padding:10px 34px;display:inline-block;border:2px solid #20add0;border-radius: .3rem;font-size:15px;text-align:center;background:#20add0;cursor:pointer;transition:.2s linear;}
.see-brd-btn:hover{background:#110f46;border:2px solid #110f46;color:#fff;text-decoration:none;}

/* MAIN CONTENTS
------------------------- - */
main#main{ min-height: 435px; padding-bottom: 30px; }
body.logged-in { background-color:#fbfbfb; }
body.logged-in main { padding-bottom: 30px; }
body.page-business-registration main { background-color: #f6f6f6; }

body.page-template-page-home { background-color: #fff; }
#header-container #header {background-color: #E4F7FE; }
/*
TITLE BOX ------------------ */
body.logged-in .pagetitle { text-transform: uppercase;color: #a4a4a4; font-weight: 500; }
body.logged-in .breadcrumb-wrap{ font-size: 13px;color: #a4a4a4; }
body.logged-in.single-task .pagetitle { display: none;}
.section-page-title{text-transform: uppercase; color: #a4a4a4; font-size: 25px; margin-bottom: 15px;  }

/*
PAGE TITLE & BREADCRUMB ------------------ */
.page-titlearea{padding:60px 0 0;margin-bottom:70px;
/*background-size:cover!important;position:relative;overflow-x:hidden;background:url(assets/../../images/homebg.png) no-repeat;background-size:auto auto; */
}

.loggedin-titlearea{padding:15px 0;margin-bottom:25px; background-color: #e9e9e9;
/* background-size:cover!important;position:relative;overflow-x:hidden;background:url(assets/../../images/title-bg.png) no-repeat;background-size:auto auto; background-position: left; */}
.page-breadcrumb { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.1); text-align: left; width: 100%; height: auto;  }
.page-breadcrumb .col-md-10{ max-width: 45%; }
.pagetitle { color: #fff; font-weight: 800;font-size: 20px; }



.welcome-bg {
    content: "";
    /* background-image: url(assets/../../images/welcome-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color:#f5f4f6;*/
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    will-change: transform;
    z-index: 0;
}
.welcome-white-bg{
    background-color: #fff;
}

.welcome-box {
    background-color: #d8f5da;
    padding: 70px 25px 25px 30px;
    /* border: 3px double #aea6b7; */
    border-radius: 7px;
    margin-bottom: 80px;
    /* box-shadow: 0 2px 12px rgba(0,0,0,0.12); */
}
.welcome-box:hover {
    box-shadow: 0 2px 18px rgba(0,0,0,0.14);
    /* transform: translateY(-4px); */
}
.welcome-box-bg {
    background-color: #dcf0f8;
}
.welcome-box .box-headline { margin-top: -40px; }
.welcome-box img{ position: absolute; top:-50px; right: 15px;/* background-color: #f5f4f6; */ border-radius: 50% }

@media (min-width: 767px) { .headsec-bg.not-images {  max-height: 660px; }  }
.welcome{color:#1c2431; padding-bottom: 50px;}
.welcome .text-headline h1{ taxt-shadow: 0 4px 12px rgba(42,65,232,0.15);color:#14216f;font-weight:700;margin-bottom:45px;line-height:40px;font-size:30px;}
.welcome .text-headline h1 .hl-part1{ font-weight: normal; }
.welcome .text-headline h1 .hl-part2{}
.welcome .text-headline h1 .hl-part3{}
.welcome .text-headline span{font-size:28px;color:#20add0;}
.welcome .text-headline .line{width:68px;height:2px;margin-right:15px;display:inline-block;background-color:#20add0;}
.welcome .text-headline .line:nth-child(2){display:none;}
.welcome .col-12{z-index:9;}
.welcome.animatedParent{overflow:inherit;}
.text-about{margin-bottom:98px;}
.text-about .h2-main{margin-bottom:10px;}
.text-about p{line-height:30px;font-size:18px;}

/*
ACTION BUTTON --------------- */
.action-btn .button{ color: #fff !important; }

/*
COMMON ERRORS ---------------- */
body em.error.help-block{ display: none; }
body .form-control.error-field { border-color: #D23E3E; }
body .has-feedback .glyphicon-remove.form-control-feedback,
body .has-error .form-control-feedback{ color: #D23E3E; }
body [class*="col-"] > .form-control-feedback{ right:15px; }
ul.list_service_cats .form-control-feedback { top: -6px; right: 15px; }
.error, .saved_thing{ font-size:15px;clear: both; margin-bottom: 5px;}
.saved_thing{ color: #37c67e;}
.error { color:#D23E3E; }
.display-error-inside{font-size:15px;color:#D23E3E;margin:0; clear: both;}


/**  HOM CATEOGRY SECTION
-----------------------------*/
.home-category .top-section{ margin-bottom: 50px; }
.home-category .bottom-section{  }
.home-category { text-align: center; }
.home-category .text-headline{ color: #fff; text-align: center; font-size: 45px;}
.home-category .icon-container { border-radius: 50%; background-color: #fff; margin: 0 auto; width: 45%; padding: 12px; }
.home-category .text-container .cat-name { color: #ffffff; margin: 15px 0; }
.home-category .text-container .cat-desc { color: #ffffff; }

.project_blocks .block-content {
    padding: 15px;
    background: #daddde;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 90%;
    margin-bottom: 15px;
}

.ribbon-box .ribbon-3, .ribbon-box .ribbon-4 {
    width: auto;
    height: 50px;
    margin-left: -35px;
    margin-right: -35px;
    background: #08c1da;
    margin-bottom: 20px;
}

.ribbon-box [class^="ribbon-"] h1{ text-align: center; font-size: 30px; padding-top: 8px; }


/*
LOGIN FORM ----------------- */
.login-form.headsec-bg{ padding: 100px 0 180px; }
.login-form .sectiontitle { font-size: 20px; margin-bottom: 20px; }
.login-form a, .login-form p{  }
/* .form-signin { width: 70%; } */
.form-signin .form-control { height: 40px; }
.form-signin .input-group { margin-bottom: 10px; }

/*
LOST PASSWORD FORM ----------------- */
.lostpassword-form.headsec-bg{ padding: 100px 0 180px; }
.lostpassword-form .sectiontitle { font-size: 20px;  margin-bottom: 20px; }
.lostpassword-form a, .lostpassword-form p{  }
.form-lostpassword { width: 70%; }
.form-lostpassword .form-control { height: 40px; }
.form-lostpassword .input-group { margin-bottom: 10px; }

/* PAGINATION
--------------------------- */
.wp-pagenavi a, .wp-pagenavi span {
    padding: 10px 0;
    border: 0;
    border-bottom: none;
    display: inline-block;
    color: #333;
    background-color: transparent;
    font-weight: 700;
    margin: 0 3px 0 0;
    line-height: 22px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-size: 14px;
}

.wp-pagenavi a, .wp-pagenavi span {
    border-radius: 4px;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    line-height: 44px;
}



.wp-pagenavi span.extend, .wp-pagenavi span.pages {
    pointer-events: none;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
    background-color: #f0f0f0;

}
.wp-pagenavi a i, .wp-pagenavi span i {
    line-height: 34px;
    font-size: 24px;
}

.wp-pagenavi a.current, .wp-pagenavi span.current,
.wp-pagenavi a:hover, .wp-pagenavi span:hover {
    background-color: #333;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2)
}

.wp-pagenavi a.current, .wp-pagenavi span.current {
    background-color: #66676b;
    color: #fff;
    box-shadow: 0 2px 8px rgba(102,103,107,0.25)
}












/* Reasons Block
--------------------------- */
.reasons-block{margin-bottom:5px;}
.reasons-block h2{padding-right:50px;margin-top:100px;}
.reasons-block .reasons-desc-div h4{color:#131149;margin-bottom:6px;font-size:18px;font-weight:700;line-height:22px;padding-right:50px;}
.reasons-block .reasons-desc-div p{font-size:16px;line-height:22px;padding-right:15px;}
.reasons-block .reasons-icon-div{width:71px;height:71px;margin-right:43px;background-color:#fff;border-radius:100%;line-height:93px;-ms-flex:0 0 71px;flex:0 0 71px;text-align:center;display:inline-block;box-shadow:3px 5px 15px 1px rgba(6,180,253,0.13);}
.reasons-block .reasons-icon-div img{max-width:40px;}
.reasons-block .reason-block-cont{display:0;display:flex;-ms-flex-align:center;align-items:center;margin:25px 0;}

/* FOOTER
----------------------------*/
footer{padding-top:30px; margin-top: 5px; background:url(assets/../../images/footer-bg.jpg) no-repeat;background-size:cover;}
footer ul li{line-height:28px;}
footer ul li a{color:#3a3864;font-size:16px;font-weight:600;}
footer ul li a:hover{color:#20add0;}
footer .title{color:#100f45;font-size:18px;font-weight:700;margin-bottom:22px;text-transform:uppercase;}
footer .logo{padding-right:0;}
footer .logo img{max-width:208px;margin-bottom:22px;}
footer .inside-column{padding-left:100px;}
footer .inside{padding-left:60px;}
footer .footer-menu-wrap{margin-bottom:15px;}
footer .footer-social-wrapper{padding-right:71px;}
.footer-social-wrapper{text-align:right;}
.footer-social-wrapper img{max-width:18px;}
.footer-social-wrapper a{margin-right:0;}
.footer-social-wrapper a:not(:last-child){margin-right:14px;}
.footer-social-wrapper a:hover svg path{fill:#20add0;}

/* Copyright
--------------------------------------- */
.copyright{padding:25px 0 15px;background-color:#f1f5fb; border-top: 1px solid #ccc;}
.copyright p{font-size:14px;color:#9e9fb5;font-weight:600;}

/* STEP WIZARD
-----------------------------*/
#steps-panel{margin:0;padding:0;width:100%;height:60px;margin:0 auto; text-align: center;}
#steps-panel ul{list-style-type:none;margin-top:9px;}
#steps-panel ul li{display:inline;list-style-type:none;padding:9px 30px 10px;background:#cdcdcd;color:#FFF;margin-right:8%;border-radius:0 0 5px 5px;}
#steps-panel ul li.active_step{background:#54A1E9;color:#FFF;}
@media screen and (max-width: 1023px) and (min-width: 660px) {
    #steps-panel ul li{ margin-right: 5%; }
}
@media screen and (max-width: 659px) {
    #steps-panel { display: none; }
}

/* DATE TIME PICKER
---------------------------- */
body div.bootstrap-datetimepicker-widget.dropdown-menu {width:15em; max-height: 220px;}
body div.bootstrap-datetimepicker-widget table td.day { height: 14px; line-height: 14px; width: 14px; }

/* BUSINESS REGISTRATION
-----------------------------*/
.newbiz-block .field-title{ margin-bottom: 10px; }

.businessreg-form{background-color: #f8f8f9; padding: 35px 35px 50px;border-radius:4px; }
.businessreg-form .form-group{ margin-bottom: 0;}
.businessreg-form .textarea { height: 50px; }

.newbiz-block .info-section,.newbiz-block .info-section p { color: #3a3864; font-size: 22px; line-height: 28px;}
.newbiz-block .info-section .section-title{ margin-top: 20px;margin-bottom: 20px; color: #3a3864; font-weight: 700; font-size: 55px; line-height: 55px; }
.newbiz-block.headsec-bg.not-images {  padding: 120px 0 300px;  max-height: 660px; }
.biz-success-info .section-title, .biz-success-info p{ color: #fff; }


/* LISTING FORM
-----------------------------*/
ul.list_reponse_time li{ float: left; margin-right: 15px;}
.newtask-block .field-title{ margin-bottom: 10px; }
.newtask-block form.newtask-form .form-group {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
ul.list_reponse_from li.list-items { margin-bottom: 10px; }
.reponse_from_province,
.reponse_from_city{ display: inline-block; }

.thanku-confirm h2,.thanku-confirm h4  { color: #fff; }

/*QUOTE DETAILS ITEMS
---------------------------- */
.quote-details .quote-field{ clear: both; margin-bottom: 5px;  }
.quote-details .quote-field .field-title{ width: 200px; font-weight: bold;  }

/* MY ACCOUNT MAILBOX
---------------------------- */
.email-wrapper .mail-sidebar .menu-bar{width:100%;float:right;height:100%;min-height:100%;}
.email-wrapper .mail-sidebar .menu-bar .menu-items{padding:0;margin-bottom:0;height:auto;list-style-type:none;}
.email-wrapper .mail-sidebar .menu-bar .menu-items li{padding:10px 15px;transition:.4s;position:relative;display:0;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.active{background:#e6e9ed;border-radius:4px;}
.email-wrapper .mail-sidebar .menu-bar .menu-items li:hover{background:#f0f4f9;}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.compose{padding-top:0;padding-right:0;padding-left:0;}
.email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover{background:transparent;}
form.form-send-message .mce-panel,form.form-send-message .mce-btn{background-color:transparent!important;}
.badge.badge-pill{border-radius:10rem;}
.badge-success,.preview-list .preview-item .preview-thumbnail .badge.badge-online{border:1px solid #00c292;color:#fff;}
.badge{border-radius:.25rem;font-size:.75rem;font-weight:initial;line-height:1;padding:.25rem .375rem;font-family:roboto-medium, sans-serif;}
.badge-success,.preview-list .preview-item .preview-thumbnail .badge.badge-online{color:#fff;background-color:#00c292;}
.badge-warning,.preview-list .preview-item .preview-thumbnail .badge.badge-busy{border:1px solid #ffb463;color:#fff;}
.badge-warning,.preview-list .preview-item .preview-thumbnail .badge.badge-busy{color:#111;background-color:#ffb463;}
.badge-info{border:1px solid #539ee5;color:#fff;background-color:#539ee5;}
.badge-danger{border:1px solid #fb9678;color:#fff;background-color:#fb9678;}
.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem;}
.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;}
table.table-inbox{font-size:14px;color:#000; border:0;}

table.table-inbox th,table.table-inbox td { border-top: 0; border-width: 0 0 1px 0; }
.table-inbox thead th{color:#a8a8a8;}
.table-inbox tr{cursor:pointer;}
table.table-inbox tbody tr.checked{background-color:#ffc;}
table.table-inbox .text-ellipsis{display:inline-block;}
.unread .name,.unread .subject,.unread .mail-date{color:#000;font-weight:600;}
.starred.fa-star{color:#ffd200;font-weight:600; font-size: 15px;}

table input[type='checkbox'], table input[type='checkbox']+label{
    margin-bottom: 0 !important; width: auto;
}


/* MAIL VIEW
---------------------*/
.card-box{background-color:#fff;border:1px solid #e7e7e7;border-radius:4px;margin-bottom:30px;padding:20px;position:relative;}
.mailview-header{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:15px;}
.mailview-inner ul { padding-left: 15px;  }
.mailview-inner ul li { list-style: disc; }
.mailview-inner ol { padding-left: 15px;  }
.mailview-inner ol li { list-style: numeric ; }
.m-b-10{margin-bottom:10px!important;}
.mail-view-title{font-weight:500;font-size:24px;margin:0;}
.mail-view-action{float:right;}
.sender-img{float:left;margin-right:10px;width:40px;}
.img-circle{border-radius:50%;}
.sender-name{display:block;color: #a3a5ad;}
.sender-fullname{font-size: 25px; color: #455a64; text-transform: capitalize;}
.receiver-name{color:#777;}
.receiver-details .mail-important { font-size: 25px; cursor: pointer; }
.mail-sent-time{float:right;}
.attachments{list-style:none;margin:0;padding:0;}
.attachments li{border:1px solid #eee;float:left;margin-bottom:10px;margin-right:10px;width:155px;}
.attach-info{background-color:#f4f4f4;padding:10px;}
.attach-file{color:#777;font-size:70px;padding:10px;text-align:center;min-height:143px;}
.attach-filename{color:#777;font-weight:700;font-size:13px;}
.mailview-footer{border-top:1px solid #ddd;margin-top:20px;padding-top:15px;}
.right-action{text-align:right;}

/* PMPRO MEMBERSHIP
--------------------------- */
#pmpro_account #pmpro_account-profile{ display: none;}
#pmpro_account #pmpro_account-membership.pmpro_box { border-top: 0; margin: 0;  padding: 0; }
.pmpro_box .pmpro_actionlinks a{ font-size: 13px; }
.pmpro_box table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.pmpro_box table > caption + thead > tr:first-child > td, .pmpro_box table > caption + thead > tr:first-child > th, .pmpro_box table > colgroup + thead > tr:first-child > td, .pmpro_box table > colgroup + thead > tr:first-child > th, .pmpro_box table > thead:first-child > tr:first-child > td, .pmpro_box table > thead:first-child > tr:first-child > th { border-top: 0; }
.pmpro_box table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; }
.pmpro_box table > tbody > tr > td, .pmpro_box table > tbody > tr > th, .pmpro_box table > tfoot > tr > td, .pmpro_box table > tfoot > tr > th, .pmpro_box table > thead > tr > td, .pmpro_box table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
table .pmpro_account-membership-levelname { min-width: 28%; }
#pmpro_account-membership .pmpro_actionlinks a{ font-size: 13px; border-radius: 3px; border: 1px solid #ccc; padding: 2px 5px; color: #fff; background-color: #529de4; border-color: #2281d7; }
#pmpro_account-membership .pmpro_actionlinks a:hover { color: #fff; background-color: #2384c6; border-color: #217dbb; }


/* ACCOUNT NAV
--------------------------*/
.account-avatar{ width: 30%; padding-right: 10px; }
.account-info{ width: 70%; }
.account-info .account-name { margin-bottom: 5px; font-size: 16px; line-height: 1.3em; font-weight: 400; }
.account-info .account-name strong { font-size: 20px; }
.membership-info { font-size: 14px; font-weight: 400;}
.membership-info .membership-level{ font-size: 15px; font-weight: 500;}
.acc-nav-block{ padding: 20px 0 15px; border-bottom: 1px solid #dddddd; }
.acc-nav-block:first-of-type { padding-top: 0; }
.acc-nav-block:last-of-type { border-bottom: 0; }
.acc-nav-block-title{ display: inline-block; margin-bottom: 12px; color: #888888; font-size: 13px; }
ul.account-nav { padding: 0; }
ul.account-nav li { margin-bottom: 5px; position: relative; list-style: none; }
ul.account-nav li a {color: #333333;font-size: 15px;}
ul.account-nav li:hover a, .account-nav li.active a { color: #1fc341; text-decoration: none; }
.notif_a { border-radius: 50%; padding: 2px 6px; font-size: 10px; border: 1px solid #e95949; background-color: #e95949; color: #fff; }

/* QUOTE ITEMS LIST
-------------------------*/
.quoteitem-grid-container{ margin-bottom: 20px; padding: 10px; /*border-radius: 3px;  background-color: #f6f6f6; border:1px solid #f6f6f6; */  }
.content-cardbox{  background-color: #ffffff;  transition: 0.3s all ease-out;  border: 1px solid #e7e7e7;  border-radius: 4px;  margin-bottom: 20px; padding: 20px; position: relative; }
.content-cardbox:hover { box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.12); }
.quoteitem-title { margin-bottom: 6px; font-weight: 600; font-size: 20px; }
.quoteitem-dates {  margin-bottom: 5px;  color: #999999; }
.quoteitem-response { margin-bottom: 8px;  color: #919191;  }
.quoteitem-response .response-from{ text-transform: uppercase;color: #fb9678; }

/*SINGLE QUOTE
-------------------------*/
.quote-title {color: #919191; margin-bottom: 25px; font-size: 28px; text-transform: capitalize; }
.quote-details-list { columns: 2;  column-gap: 40px; }
.quote-details-item { position: relative; color: #666666;  margin-bottom: 5px;  padding-left: 15px; }
.quote-details-item::before { position: absolute; left: 0; top: 5px; display: inline-block; content: "\f042"; font-family: "FontAwesome"; font-size: 8px; }
.quote-details-item-title{ color: #333333; font-weight: 500; }
.quote_section-title { margin-bottom: 25px; border-bottom: 1px solid #eeeeee; font-size: 20px;  padding-bottom: 10px; }

.contact-header { margin-bottom: 20px; }
.contact-container {  display: flex;  align-items: center; }
.contact-info {  margin-left: 10px; }
.contact-company { color: #888888; font-size: 12px; }
.contact-name { font-size: 18px;}
.contact-name a { color: #333333;  transition: 0.3s color ease-out; }
.contact-number { color: #333333; font-size: 13px; text-transform: uppercase; transition: 0.3s color ease-out; }

.row-equal-child-col .content-cardbox{ min-height:90%; margin-bottom: 20px; }

/* PROPOSAL
-------------------------*/
#quote-bids {font-size: 14px }
#quote-bids .bid-button { height: 28px; line-height: 28px; text-align: center; font-size: 13px; padding: 0 6px; }

.proposal-bid {
    background: #66676b;
    color: #fff;
    padding: 10px;
    border-radius: 0 4px 4px;
    margin-top: -2px;
}

 /* TOP SOCIAL ICONS */
header nav.navigation ul li.social-icon a {
    padding: 10px !important;
}
.social-icon .fa {
    padding: 10px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
}

.social-icon .fa:hover {
    opacity: 0.7;
}
.social-icon {
    margin-left: 8px;
}

/* Facebook */
.social-icon .fa-facebook {
    background: #3B5998 ;
    color: white !important;
}
.social-icon .fa-facebook:hover {
    background: #222 !important;
    color: #3B5998 !important;
}
/* Twitter */
.social-icon .fa-twitter {
    background: #55ACEE;
    color: white !important;
}
.social-icon .fa-twitter:hover {
    background: #222 !important;
    color: #55ACEE !important;
}
.social-icon .fa-google-plus {
    background: #CD4D4A;
    color: white !important;
}
.social-icon .fa-google-plus:hover {
    background: #222  !important;
    color: #CD4D4A !important;
}
.social-icon .fa-linkedin {
    background: #225982;
    color: #fff !important;
}

.social-icon .fa-instagram {
    background: #831E7E;
    color: #fff !important;
}
/*!
 * Bootoast CSS
 * @author odahcam
 */

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #fff;
  background-color: #68c368;
  border-color: #68c368;
}

.alert-success hr {
  border-top-color: #68c368;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #fff;
  background-color: #6acce9;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #fff;
  background-color: #f3bf52;
  border-color: #f3bf52;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #fff;
  background-color: #de5959;
  border-color: #de5959;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}


.bootoast {
    opacity: 0;
    filter: alpha(opacity=0)
}

.bootoast>.glyphicon {
    display: inline-block;
    /* yeah, this float is a "hack" */
    float: left;
    font-size: 20px;
    margin-right: 14px;
}

.bootoast>.bootoast-alert-container {
    display: block;
    max-width: 100%;
    overflow: auto;
}

.bootoast>.bootoast-alert-container>.bootoast-alert-content {
    display: table;
    width: 100%;
    height: 100%
}

.bootoast.alert-default {
    background: #eee;
}

.bootoast>.progress.progress-bottom {
    width: auto;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}

.bootoast>.progress.progress-bottom {
    margin-bottom: -.75rem;
}

.bootoast>.progress.progress-top {
    margin-top: -.75rem;
}

.bootoast>.progress.progress-background {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .35;
}

.bootoast-container {
    position: fixed;
    left: 20px;
    right: 20px;
    top: initial;
    bottom: initial;
    width: 390px;
    max-width: 95%;
    z-index: 999999
}

.bootoast-container.top {
    top: 20px
}

.bootoast-container.bottom {
    bottom: 20px
}

.bootoast-container.right {
    left: initial
}

.bootoast-container.left {
    right: initial
}

.bootoast-container.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}