/* */
/* IMPORT GOOGLE FONTS ========== */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

* {
    outline: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #F8FEFF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

p {
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    color: #000;
}

.form-control:focus, .btn.focus, .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus, .custom-select:focus {
    border-color: #f6808430;
    box-shadow: none;
}

a, a:hover, a:focus {
    text-decoration: none;
    color: #f68084;
}

.btn {
    border-radius: 5px;
}

button:focus {
    outline: 0;
}

button.close i {
    font-size: 16px;
    line-height: 30px;
    color: #f68084;
}

.modal-content {
    border:  0;
    box-shadow:  none;
    border-radius:  5px;
}

.modal-dialog {
    max-width: 385px;
}

.btn-main-red {
    background-color:  #F68084;
    color:  #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size:  14px;
    font-weight: 600;
    min-width: 245px;
    padding: 12px 40px;
}

.btn-green {
    height:  44px;
    background-color:  #78CF84;
    color:  #fff;
    line-height:  44px;
    padding: 0 20px;
    font-size:  14px;
    min-width: 100px;
}

.btn-blue {
    height:  44px;
    background-color: #00BCD4;
    color:  #fff;
    line-height:  44px;
    padding: 0 20px;
    font-size:  14px;
    min-width: 100px;
}

.btn-red {
    height:  44px;
    background-color: #f57f83;
    color:  #fff;
    line-height:  44px;
    padding: 0 20px;
    font-size:  14px;
    min-width: 100px;
}

.btn-green:hover, .btn-green:focus {
    background-color:  #6bb976;
    color: #fff;
}

.btn-blue:hover, .btn-blue:focus {
    background-color:  #00a2b7;
    color: #fff;
}

.btn-red:hover, .btn-red:focus {
    background-color: #dc676b;
    color: #fff;
}

.btn-main-red:hover, .btn-main-red:focus {
    background-color:  #DF777B;
    color:  #fff;
}

.btn-link {
    color: #858585;
    font-size:  14px;
    font-weight: 400;
    padding-top:  12px;
    padding-bottom:  12px;
}

.btn-link:hover, .btn-link:focus {
    color: #716473;
    text-decoration: none;
}

label {
    font-size: 14px;
    font-weight: 400;
    color: #373737;
}

.form-control, .custom-select {
    background-color:  #fcfcfc;
    border: 1px solid #ECECEC;
    border-radius: 5px !important;
    font-size:  13px;
    min-height: 42px;
}


.main-navbar {
    padding-top: 40px;
    padding-left: 45px;
}

.main-navbar img {
    height: 20px;
}

.main-content {
    padding-left: 45px;
}

.main-content-text {
    padding-top: 10%;
    padding-bottom: 22%;
    /* padding-left:  60px; */
}

.main-content-text h1 {
    line-height: 4rem;
    color:  #484848;
    margin-bottom: 45px;
    font-size:  38px;
    font-weight: 700;
    position:  relative;
    cursor:  default;
    margin-top: 130px;
}

.main-content-text h1::before {
    content: "";
    position: absolute;
    right: 40%;
    top: -60px;
    background-image: url('../images/art/ellipse.svg');
    height: 200px;
    width: 200px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-repeat:  no-repeat;
}

.main-content-bg {
    height: 500px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    background-size: contain;
    background-repeat:  no-repeat;
    background-position: center center;
    margin-top: 75px;
}

.main-footer {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    height:  180px;
    background-repeat:  no-repeat;
    position: absolute;
    width:  100%;
    bottom: 0;
    left:  0;
    z-index: -1;
}

.top-navbar {
    height:  65px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    line-height: 65px;
}

.top-navbar a img {
    height:  20px;
}

.main-content-info {
    padding-top:  100px;
}

.main-content-info-title {
    color:  #F68084;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px;
}

.info-page {
    padding-left:  60px;
}

.info-page .btn {
    margin-top: 20px;
    margin-bottom: 30px;
}

.file-upload {
    display: inline-block;
    text-align:center;
    margin-bottom: 30px;
}
.file-upload .file-select {
    color: #fcfcfc;
    cursor:pointer;
    line-height:40px;
    text-align:left;
    overflow:hidden;
    position:relative;
}
.file-upload .file-select .file-select-button {
    background:#dce4ec;
    padding:0 10px;
    display:inline-block;
    height:40px;
    line-height:40px;
    border: 1px solid #ECECEC;
    font-size: 24px;
    background-color: #FCFCFC;
    color: #ECECEC;
    width: 66px;
    height: 66px;
    text-align: center;
    border-radius: 100%;
    line-height: 66px;
    display: inline-block;
    margin-right: 15px;
}
.file-upload .file-select .file-select-name {
    font-size: 14px;
    color: #373737;
    display: inline-block;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.file-upload .file-select:hover {
    border-color: #f8feff;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.file-upload .file-select:hover .file-select-button{
    background:#fcfcfc;
    color: #caabad;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.file-upload.active .file-select{
    border-color:#f68084;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.file-upload.active .file-select .file-select-button{
    background:#f68084;
    color:#FFFFFF;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.file-upload .file-select input[type=file]{
    z-index:100;
    cursor:pointer;
    position:absolute;
    height:100%;
    width: auto;
    top:0;
    left:0;
    opacity:0;
    filter:alpha(opacity=0);
}
.file-upload .file-select.file-select-disabled{
    opacity:0.65;
}
.file-upload .file-select.file-select-disabled:hover{
    cursor:default;
    display:block;
    border: 2px solid #dce4ec;
    color: #fcfcfc;
    cursor:pointer;
    height:40px;
    line-height:40px;
    margin-top:5px;
    text-align:left;
    background:#FFFFFF;
    overflow:hidden;
    position:relative;
}
.file-upload .file-select.file-select-disabled:hover .file-select-button{
    background:#dce4ec;
    color:#666666;
    padding:0 10px;
    display:inline-block;
    height:40px;
    line-height:40px;
}
.file-upload .file-select.file-select-disabled:hover .file-select-name{
    line-height:40px;
    display:inline-block;
    padding:0 10px;
}

.top-navbar-icon img {
    width: 20px;
    margin-right: 8px;
}

.top-navbar-link > span {
    font-size: 12px;
    color:  #505050;
    font-weight: 400;
    display: inline-block;
    cursor: default;
}

.top-navbar-icon i {
    display:  inline-block;
    color: #f68084;
    font-size:  15px;
    margin-right: 5px;
}

.top-navbar-link a {
    margin-right: 10px;
    font-size: 12px;
    color: #505050;
    font-weight: 400;
    display: inline-block;
}

.top-navbar-link {
    display:  inline-block;
    margin-left: 45px;
}

.left-sidebar {
    background:  #FCFCFC;
    height:  100%;
    border-right: 1px solid #ECECEC;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    padding-top: 75px;
    padding: 0;
    position: fixed;
    left:  0;
    top: 0;
    padding-top: 65px;
}

.right-area {
    padding-top:  75px;
    max-width: calc(100% - 16.666667%);
    margin-left: calc(16.666667% + 15px);
    padding-right: 30px;
    padding-bottom: 30px !important;
}

.page-main-content {
    padding-top: 65px;
    min-height:  100vh;
    background:  #eee;
}

.left-sidebar a.nav-item.nav-link {
    display:  block;
    width:  100%;
    background:  #eee;
    margin-bottom:  1px;
    height:  53px;
    line-height: 50px;
    padding: 0 30px;
    font-size:  14px;
    font-weight:  400;
    color:  #1D1D1B;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.left-sidebar nav {
    padding:  0;
    display:  block;
    width: calc(100% - 1px);
    height:  100%;
}

.left-sidebar a.nav-item.nav-link.active, .left-sidebar a.nav-item.nav-link:hover {
    background-color:  #F57F83;
    color: #fff;
}

.sidebar-icon {
    font-size:  25px;
    margin-right:  15px;
    position:  relative;
    bottom: -3px;
}

.sidebar-footer {
    position:  absolute;
    bottom:  0;
    font-size: 13px;
    padding: 20px;
    cursor: default;
    width:  100%;
    background: #eee;
}

.right-area > h2 {
    font-size:  20px;
    margin-top:  20px;
    font-weight: 600;
    margin-bottom:  20px;
    cursor:  default;
    color: #484848;
}

.white-bg {
    border: 1px solid #ECECEC;
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
}

time {
    color: #F57F83;
    margin-top: 25px;
    font-size:  14px;
    font-weight: 400;
    cursor: default;
}


.dash-card {
    border: 1px solid #ECECEC;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 15px;
    transition: all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    display: block;
    height:  110px;
}

.dash-card-text {
    display:  inline-block;
}

.dash-card-text h3 {
    font-size:  16px;
    font-weight: 600;
}

.dash-card-text span {
    display: block;
    font-size:  14px;
    color: #8a8a8a;
}

.dash-card:hover {
    background-color: #f57f83;
    color: #fff;
}

.dash-card-icon {
    font-size:  50px;
    display:  inline-block;
    margin-right: 15px;
    margin-left: 10px;
}

.dash-card:hover span {
    color: #fff;
}

.section-title h3 {
    color:  #484848;
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    cursor:  default;
}

.search-form {
    display:  inline-block;
    width: auto;
    min-width: 250px;
    position:  relative;
}

.btn-icon-input {
    background-color: transparent;
    position: absolute;
    right:  0;
    top: 5px;
    color: #f57f83;
    z-index:  99999;
}

.table .thead-light th {
    background-color: #F6F6F6;
    border-color: #F6F6F6;
    font-size:  14px;
    font-weight: 600;
    color: #f57f83;
}

.table td, .table th {
    color:  #6A6A6A;
    font-size:  14px;
    font-weight: 400;
    cursor:  default;
}

.section-title {
    margin-bottom: 25px;
}

.view-btn, .edit-btn {
    background: #78CF84;
    padding: 0px 8px;
    color:  #fff;
    border-radius:  5px;
    display:  inline-block;
}

.view-btn:hover, .edit-btn:hover {
    background-color: #68b172;
    color: #ffffff;
}

.save-edit.active {
    display: none;
}

.nav-pills .nav-link {
    background-color: #f6f6f6;
    display:  inline-block;
    border-radius: 5px;
    padding-bottom: 19px;
    text-align: left !important;
    padding-left: 35px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #f57f83;
}

.pill-icon {
    display:  inline-block;
    font-size:  30px;
    position:  relative;
    bottom: -6px;
    padding-right: 15px;
}



@font-face {
font-family: "Flaticon";
src: url("../webfonts/Flaticon.eot");
src: url("../webfonts/Flaticon.eot?#iefix") format("embedded-opentype"),
   url("../webfonts/Flaticon.woff") format("woff"),
   url("../webfonts/Flaticon.ttf") format("truetype"),
   url("../webfonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url("../webfonts/Flaticon.svg#Flaticon") format("svg");
}
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}

.flaticon-layers:before { content: "\f100"; }
.flaticon-logout:before { content: "\f101"; }
.flaticon-list-button-with-3-elements:before { content: "\f102"; }
.flaticon-shop:before { content: "\f103"; }
.flaticon-development:before { content: "\f104"; }
.flaticon-settings:before { content: "\f105"; }
.flaticon-add-new-document:before { content: "\f106"; }
.flaticon-padnote:before { content: "\f107"; }
.flaticon-contract:before { content: "\f108"; }
.flaticon-team:before { content: "\f109"; }
.flaticon-edit:before { content: "\f10a"; }
.flaticon-eye:before { content: "\f10b"; }
.flaticon-passport:before { content: "\f10c"; }


.nav-pills .nav-link {
    background-color: #f6f6f6;
    display:  inline-block;
    border-radius: 5px;
    padding-bottom: 19px;
    text-align: left !important;
    padding-left: 35px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #f57f83;
}

.pill-icon {
    display:  inline-block;
    font-size:  30px;
    position:  relative;
    bottom: -6px;
    padding-right: 15px;
}

.nav-tabs > li {
    width: 100%;
    display: block;
}

.nav-pills .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    padding: 14px 15px 14px;
    border-top: 1px solid #f6f6f6;
    border-left: 6px solid #e4e4e4;
    background-color: #eee;
    font-size: 13px;
    font-weight: 500;
    color: #202020;
    border-radius: 0;
}

.no-padding {
    padding: 0 !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #ffffff;
    color: #f57f83;
    border-left: 6px solid #f57f83;
    border-radius: 0;
}

.material-profile-id h5 {
    color: #f57f83;
    font-size: 15px;
    margin-bottom: 15px;
}

.material-profile-id h6 {
    font-size: 13px;
    font-weight: 600;
    color: #262626;
}

.material-profile-id {
    padding: 80px 15px;
}

h5.material-title {
    font-size: 16px;
    color: #f57f83;
    margin-bottom: 30px;
    margin-top: 10px;
}

h6.material-title {
    font-size: 14px;
    color: #1c1c1c;
}

.operations.nav-pills .nav-link {
    display: flex;
    width:auto;
    text-align: left;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 15px;
    background-color: #fcfcfc;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0;
    margin-right: 10px;
}


.operations .pill-icon {
    line-height: 0.5;
}

.mb-30 {
    margin-bottom: 30px;
}