@import url("animate.css");
@import url("public.css");
:root{
    --color-white:#FFFFFF;
    --color-Lipstick:#B10980;
    --color-Nobel:#B8B7B7;
    --color-Dove-Gray:#707070;
    --color-Gallery:#ECECEC;
    --color-Black:#000000;
    --borders:1px #707070 solid;
    --box-shadow: 0px 0px 8px 0px #d0d0d0;
    --align:right;
    --direction:rtl;
}
:focus {
    outline: none;
}
::placeholder {
    color: var(--pink);
    opacity: 1;
    transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    -webkit-transition: all 0.2S ease !important;
}
::-webkit-input-placeholder {
    color: var(--pink);
    opacity: 1;
    transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    -webkit-transition: all 0.2S ease !important;
}
:hover::placeholder,
:hover::-webkit-input-placeholder {
    opacity: 0.3;
}
::-moz-placeholder {
    color: var(--pink);
    opacity: 1;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
}
:-ms-input-placeholder {
    color: var(--pink);
    opacity: 1;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
}
:-moz-placeholder {
    color: var(--pink);
    opacity: 1;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
}
input:-internal-autofill-selected {
    background-color: transparent !important;
    background-image: none !important;
}
@media (max-width: 576px){
    .container {
        max-width: 100%;
    }
}
.color-white{color: var(--color-white) !important;}
.color-Black{color: var(--color-Black) !important;}
.color-Tundora{color: var(--pink) !important;}
.color-Tundora2{color: var(--pink2) !important;}
.color-ChileanFire{color: var(--pink) !important;}
.color-SaffronMango{color: var(--SaffronMango) !important;}

.bg-white{background-color: var(--color-white) !important;}
.bg-Black{background-color: var(--color-Black) !important;}
.bg-Tundora{background-color: var(--pink) !important;}
.bg-Tundora2{background-color: var(--pink2) !important;}
.bg-ChileanFire{background-color: var(--pink) !important;}
.bg-SaffronMango{background-color: var(--SaffronMango) !important;}

.border-white{border: 1px var(--color-white) solid !important;}
.border-Black{border: 1px var(--color-Black) solid !important;}
.border-Tundora{border: 1px var(--pink) solid !important;}
.border-Tundora2{border: 1px var(--pink2) solid !important;}
.border-ChileanFire{border: 1px var(--pink) solid !important;}
.border-SaffronMango{border: 1px var(--SaffronMango) solid !important;}

body{
				font-size: 12px;
}
*{
				outline: none !important;
}
.progress.progress-page-load {
    position: fixed;
    top: 0px;
    height: 4px !important;
    z-index: 100000;
    width: 100%;
    direction: ltr !important;
    border-radius: 0px !important;
    overflow: hidden;
}
.progress.progress-page-load .progress-bar {
    background-color: var(--pink) !important;
    -webkit-animation: progress-bar-stripes 0.3s linear infinite;
    animation: progress-bar-stripes 0.3s linear infinite;
}
a{
    text-decoration: none !important;
    cursor: pointer;
}
.row{
				width: 100% !important;
				margin-right: 0px;
				margin-left: 0px;
}
.form-control,
.form-control:focus,
.form-control:active,
.form-control:hover,
.btn,
.btn:focus,
.btn:hover,
.btn:active{
				box-shadow: none !important;
}
.btn.ChileanFire {
    position: relative;
    z-index: 1;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    overflow: hidden;
}
.btn.ChileanFire:before{
    content: "";
    position: absolute;
    top: 130%;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #434343;
    z-index: -1;
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
}
.btn.ChileanFire:hover{
    color: var(--pink) !important;
}
.btn.ChileanFire:hover:before{
    top: 0px;
}
@media (max-width:990px){
    .container{
        width: 100%;
        max-width: 100%;
    }
}
.logo{
    background-image: url('../img/logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 120px;
    min-height: 120px;
    position: relative;
    z-index: 2;
    display: block;
}
.company-logo{
    background-image: url('emcan-logo-white.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 100px;
    min-height: 34px;
    position: relative;
    z-index: 2;
    display: block;
}
.t-shadow-1{
    text-shadow: 0px 1px 1px #43434370;
}
.t-shadow{
    text-shadow: 0px 3px 3px #43434370;
}
.top-header{
    background:  transparent !important;
}
.navbar-light .navbar-toggler {}
.site-footer{}
.list-group {
    border: 1px #434343 solid;
    border-radius: 4px;
    min-height: 200px;
    overflow: hidden;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
    margin: 0px 4px;
}
div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: inherit;
    white-space: nowrap;
    display: block;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: right;
    display: block;
}

table.dataTable {
    border-collapse: 0 !important;
}
.dataTables_wrapper > .row > .col-sm-6,
.dataTables_wrapper > .row > .col-sm-12{
    padding: 0px !important;
}
.paginate_button {
    padding: 4px 8px;
    border: 1px #dee2e6 solid;
}

.success_message {
    position: fixed !important;
    top: 0px !important;
    padding: 16px !important;
    z-index: 100 !important;
    width: auto !important;
}
.success_message .alert {
    width: auto !important;
    display: inline-block !important;
}

.top-header * {
    font-size: 14px !important;
}


.logo{
    background-image: url('../img/logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 120px;
    min-height: 120px;
    position: relative;
    z-index: 2;
    display: block;
}
.logo-bg{
    position: relative;
    z-index: 0;
    max-width: 120px;
    margin: auto;
}
.logo-bg:before{
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}