body, html {
    height: 100%;
    font-family: "PT Sans", Arial, Helvetica, sans-serif !important;
}

.f-sans {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important; 
}

body {
    background-color: #ECEBE7;
}

.card {
    width: 380px;
}

.has-bg {
    background: url('../images/cabinet/bg.png') no-repeat fixed center/cover;
}

.text-gray-primary {
    color: #c0c0c0;
}

.bg-gray {
    background-color: #c0c0c0;
}

.text-dark {
    color: #4F4F4F;
}

.text-gusta {
    color: #F18300;
}

.text-gray {
    color: #777;
}

.bg-gusta {
    background-color: #F18300;
}

.border-gusta {
    border: 2px solid #F18300;
}

.border-upload {
    border: 1px dashed #777;
}

#sidebar svg {
    fill: #4F4F4F;
}

.is-active {
    position: relative;
}

.is-active a,
.is-active svg {
    color: #F18300;
    fill: #F18300 !important;
}

input:focus {
    outline: none;
}

::selection {
    background-color: #F18300;
    color: #fff;
}

::placeholder { 
    color: #777 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #777;
}
  
::-ms-input-placeholder {
    color: #777;
}


input:read-only {
    background: #eee;
}

.is-active::after {
    content: '';
    display: block;
    position: absolute;
    right: -33px;
    top: -10px;
    width: 6px;
    height: 45px;
    background: #F18300;
    border-radius: 2px 0 0 2px;
}