/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
/*@font-face {
    font-family: Camptonbold;
    src: url(fonts/Campton-BoldDEMO.otf);
}

@font-face {
    font-family: Camptonlight;
    src: url(fonts/Campton-LightDEMO.otf);
}

.campbold {
    font-family: Camptonbold;
}

.camplight {
    font-family: Camptonlight;
}*/
::-webkit-input-placeholder { /* Edge */
    color: #0000004a;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #0000004a;
}

::placeholder {
    color: #0000004a !important;
}

.menu .app-brand.demo {
    /*height: 100px;
    margin-top: 12px;
    margin-bottom: 12px;*/
    height: 50px;
    margin-top: 25px;
    margin-bottom: 12px;
    /*border-bottom: 8px solid #07426d;*/
}

.borderbottom2 {
    border-bottom: 8px solid #07426d;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  /*width: 900px;*/
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

.project-section {
    margin-top: 10px;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.project-section-items {
    display: flex;
    justify-content: center;
}

.boxes {
    background-color: coral;
    margin: 5px 10px;
    cursor: pointer;
    transition: all 1s; /* lets make it smooth */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    
}
.cardhover {
    box-shadow: -2px 3px 3px 0px #cdd3d7;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f9f9f9;
    border: 1px solid #07426d;
    background-clip: border-box;
    border-radius: 0.5rem;
    padding: 30px;
    margin-bottom: 10px;
    color: #000;
    font-size: 17px;
    text-transform: capitalize;
}
.bxss{
    font-size:40px;
}
@media (max-width: 650px) {
    h1,h2,h3,h4,h5,h6{
        /*font-size:10px;*/
        color: #07426d;
    }
    .filetype {
        display: inline-flex!important;
        flex-direction: column!important;
        margin-bottom:10px!important;        
    }
    .filetypewidth > .form-control, .filetypewidth > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        border-right: 1px solid #d9dee3 !important;
    }    
}
.move-up:hover {
    background-color: #46708e;
    transition: all 0.9s;
    color: #fff;
    transform: translateX(4px) translateY(-4px);
    transition: all 0.7s ease-in-out;
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #46708e!important;
    border-color: #cdd3d7!important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #46708e !important;
    border-color: #cdd3d7 !important;
}
.btn-primary.focus, .btn-primary:focus, {
    -webkit-box-shadow: 0 0 0 0.2rem rgb(252 139 60 / 50%);    
    box-shadow: 0 0 0 0.2rem rgb(127 154 172) !important;
}
.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(163 217 247 / 54%)!important;
    box-shadow: 0 0 0 0.2rem rgb(130 185 220 / 44%)!important;
}
.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgb(189 200 206) !important;
}

.app-brand-link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-menu-theme .menu-inner-shadow {
    background: linear-gradient(#fff0 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0))!important;
}
..form-check-input[type=radio]:checked[type=radio] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e);
}
.form-check-input[type=radio] {
    border-radius: 50%;
}









.table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
    display: block;
    /*      
   flex-grow | flex-shrink | flex-basis   */
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 3px solid #ccc;
        display: block;
    }
    /*  IE9 FIX   */
    .table-responsive-stack td {
        float: left\9;
        width: 100%;
    }
}

.asidefooter{


}