/*
    Created on : 15.06.2015, 13:55:00
    Author     : Adrian Sima

    colors:
        -red:   #ed3131
*/
html {
    position: relative;
    min-height: 100%;
}
p {
    text-indent: 20px;
    margin-bottom: 0;
}
i {
    text-indent: 0px;
}
a {
    color: #ed3131;
}
body {
    padding-top: 110px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    background-color: white;
    margin-bottom: 830px;
    font-family: Roboto, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    overflow-y: scroll;
}
.only-print {
    display: none !important;
}

.main {
    min-height: 50px;
}

.keepFit {
    white-space: nowrap;
}
#footer {
    padding: 5px 10px 15px 10px;
    width: 100%;

    background: linear-gradient(#555,#888);
    text-align: center;
    font-size: small;
    line-height: 30px;

    position: absolute;
    bottom: 0px;
    left: 0px;
    max-height: 1000px;
    z-index: 1035;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#footer span {
    color: #333;
    font-size: smaller;
}
#footer>div {
    text-align: left;
    margin-bottom: 10px;
}
#footer a {
    color: #CCC;
    text-decoration: none;
    padding: 8px 1px;
}
#footer a i {
    font-size: smaller;
}
#footer a:hover {
    cursor: pointer;
    color: #F77;
}
@media(min-width: 768px){
    .main {
        min-height: 430px;
    }
    #footer {
        line-height: 20px;
    }
    #footer a{
        padding: 1px;
    }
    body {
        margin-bottom: 250px;
    }
}
.nav>li>a {
    font-size: 14px;
}
.navbar .container {
    position: relative;
}
.navbar-fixed-top {
    top: 80px;
}
.navbar-center {
    margin-left: 50px;
    display: inline-block;
    float: none;
    margin-bottom: -10px;
}
.navbar {
    border-bottom: 1px dotted #ed3131;
}
.navbar .navbar-nav>#dropdownGalerie>.dropdown{
    position: relative;
    border: 0;
    color: #000;
}
.navbar .navbar-nav>li>a,
.navbar .navbar-nav>li>.dropdown>button,
.navbar .navbar-nav>li>.dropdown>ul li>a,
.navbar .navbar-nav>#dropdownGalerie>.dropdown>button{
    color: #000;
    padding: 10px;
    border: 0;
    background-color: transparent;
    font-weight: 600;
    transition: 500ms;
}
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>.dropdown>ul li>a:hover,
.navbar .navbar-nav>#dropdownGalerie>.dropdown>button:hover{
    color: #000;
    background-color: #CCC;
    transition: 200ms;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #FFF;
    background-color: rgba(128,128,128,.8);
    transition: 200ms;
}
#dropdownGalerie>.dropdown {
    max-width: 100%;
}
#dropdownGalerie>.dropdown>.dropdown-menu>li>a {
    padding: 7px 15px;
}
.navbar .navbar-nav>li>a.active {
    color: #fff;
    background-color: #F88;
}
.navbar .navbar-nav>#dropdownGalerie>.dropdown.open>button {
    color: #fff;
    background-color: #fe7171;
}
.navbar-fixed-top .navbar-brand {
    padding: 0px 15px;
}
.navbar .tip>li>a:hover {
    background-color: white;
    color: #000;
}
#topRightNavigation .dropdown .dropdown-menu {
    padding: 0px;
}
#topRightNavigation .dropdown .dropdown-menu>li>a {
    padding: 5px;
}
#topRightNavigation .dropdown .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
#topRightNavigation .dropdown .dropdown-menu li:hover .sub-menu {
    visibility: visible;
}
#topRightNavigation .dropdown:hover .dropdown-menu {
    display: block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}
.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
}
.cart-container {
    position: absolute;
    top:30px;
    right: 20px;
    z-index: 1030;
    padding: 7px;
    background-color: white;
    color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 15px;
    height: 50px;
    width: 140px;
}
.cart-container .cart-info {
    margin-left: 40px;
}
.cart-container .cart-icon {
    width: 36px;
    height: 36px;
    background-image: url(../img/cart-black.png);
    float:left;
}

.sidebar-stuff>img {
    width: 100%;
    max-width: 180px;
    margin-bottom: 2px;
}

.navbar-toggle {
    padding: 7px 4px;
    margin-top: 4px;
    margin-bottom: 3px;
}

.navbar {
    min-height: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.navbar-logo-header {
    top: 0;
    background-color: white;
    background-image: url(../img/header-background.jpg);
    border-bottom: 0;
}
.navbar-top-bar {
    top: 0 !important;
    z-index: 1035;
    border: 0;
}
.navbar-top-bar,
.navbar-top-bar>.container>.row>ul,
.navbar-top-bar>.container>.row>ul>li,
.navbar-top-bar>.container>.row>ul>li>* {
    height: 24px;
    margin: 0;
}
.navbar-top-bar,
.navbar-top-bar>.container>.row>ul {
    height: auto;
}
.navbar-top-bar>.container>.row>ul {
    text-align: center;
}
.navbar-top-bar>.container>.row>ul>li {
    display: inline-block;
    float: none;
}
.navbar-top-bar>.container>.row>ul>li>* {
    display: inline-block;
    color: white;
    padding: 3px 10px;
    font-weight: 100;
}
.navbar-top-bar>.container>.row>ul>li.active>a {
    background-color: #656565;
    color: #E9E9E9;
}

.navbar-nav.produse {
  display: block;
}
.navbar-nav.produse li>a {
  text-align: center;
}
@media(max-width:1024px) {
    .navbar .tip {
        display: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-center {
        margin-left:0;
    }
    .navbar-nav>li>a {
        border-left: 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-nav>li>a,
    .dropdown>button{
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100%;
        text-align: left;
    }
    .dropdown>.dropdown-menu {
        left: 0px;
    }
    .navbar-fixed-top .navbar-brand {
        margin-top: 0px;
    }
    .cart-container {
        right: 38px;
    }
    #dropdownGalerie>.dropdown>.dropdown-menu {
        width: 100%;
    }
}
@media(max-width:767px) {
    body {
        padding-top: 0px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }
    .navbar-fixed-top {
        position: relative;
        top: auto;
    }
    .navbar-toggle {
        display: block;
        position: absolute;
        right: -10px;
        top: -38px;
        background-color: #FFF;
    }
    .navbar {
        top: 0px;
        margin-bottom: 0px;
        border-bottom: 1px solid #FFF;
    }
    .cart-container {
        top:0px;
        right: 41px;
    }
    .navbar-collapse {
        max-height: none;
    }
    #dropdownGalerie>.dropdown>.dropdown-menu {
        position: relative;
    }
}
@media(max-width:992px) {
    .navbar-toggle {
        display: block;
        position: absolute;
        top: -40px;
        right: -15px;
        background-color: #FFF;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .collapse.in{
        display:block !important;
    }
}
@media(min-width:768px) {
    .navbar-fixed-top .navbar-brand {
        margin-top: 0px;
        height: 80px;
    }
    #dropdownGalerie>.dropdown>.dropdown-menu {
        position: relative;
        padding: 0;
        white-space: nowrap;
    }
    #dropdownGalerie>.dropdown>.dropdown-menu>li {
        display: inline-block;
    }
    .navbar-fixed-top {
        top: 130px;
    }
    .navbar-logo-header {
        top: 50px;
    }
    .navbar-top-bar {
        height: 50px;
    }
    body {
        padding-top: 123px;
    }
    .sidebar {
        top: 130px;
    }
    .navbar-nav.produse {
      display: none;
    }
}
@media(min-width:992px){
    .navbar-fixed-top {
        top: 105px;
    }
    .navbar-logo-header {
        top: 25px;
    }
    .navbar-top-bar {
        height: 25px;
    }
    .navbar-top-bar>.container>.row>.navbar-top>li {
        float: right;
    }
    body {
        padding-top: 138px;
    }
    .sidebar {
        top: 145px;
    }
}
@media(min-width:1024px) {
    #dropdownGalerie>.dropdown>.dropdown-menu {
        position: absolute;
        padding: 0;
        white-space: nowrap;
        left: 50%;
        margin-left: -200px;
    }
}

.main hr {
    height: 1px;
    color: #bbb;
    background-color: #bbb;
    border: none;
}

/***************** login and register forms *******************/
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.dropdown-toggle>.chevron {
    position: absolute;
    top: 5px;
    right: 5px;
}

.form-control {
    border-radius: 3px !important;
}
.input-group {
    margin-bottom: 2px;
}
.inline-group {
    padding: 0;
}
.inline-group div {
    padding: 0 1px;
}
.has-warning .form-control-feedback{
    color: #a94442;
    font-size: smaller;
}
.has-warning .form-control{
    border-color: #ccc;
}

.consent-box {
  border: 1px solid transparent;
}
.consent-box:hover {
  border: 1px dashed lightgray;
  border-radius: 5px;
  background-color: #efefef;
}

/****************** panels from homepage *******************/
.paragraf {
    text-indent: 30px;
}
.panels-container {
    max-width: 991px;
    margin: 0 auto;
}
.panels-container .panel {
    height: 100%;
}
.panel {
    display: block;
}
.panel:hover {
    text-decoration: none;
}
.panel .panel-heading {
    color: #000;
}
.panel .panel-container img {
    margin: 0 auto;
}
.panel .panel-body {
    text-align: left;
}
@media (max-width: 991px){
    .panels-container .panel-container .img-responsive{
        width: 50%;
        float: left;
    }
    .panels-container .panel-container .panel-body{
        width: 50%;
        float:right;
    }
}
@media (max-width: 520px){
    .panels-container .panel-container .img-responsive,
    .panels-container .panel-container .panel-body{
        width: 100%;
    }
}
.panels-container .panel .panel-container a {
	overflow: hidden;
	display: inline-block;
}
.panels-container .panel .panel-container a>img {
    transition: linear 300ms;
    transform: scale(1);
}
.panels-container .panel .panel-container a:hover>img {
    transition: linear 100ms;
    transform: scale(1.05);
}

/********** News ************/
#news p {
    text-indent: 20px;
    font-size: large;
}
#news a {
    word-break: keep-all;
    white-space: nowrap;
}
.pas {
    position: relative;
    width: 100%;
}
.pas>.pas-nr {
    position: absolute;
    height: 70px;
    top: 30%;
    top: calc(50% - 35px);
    width: 30px;
    font-size: 50px;

}
.pas>.pas-continut {
    margin-left: 30px;
    padding: 20px 10px;
}
.pas .pas-delimitator {
    border-bottom: 3px dashed #DEDEDE;
}
.pas>.pas-continut div {
    padding: 10px;
}
.pas>.pas-continut>.pas-text {
    float: left;
}
.pas>.pas-continut>.pas-imagini {
    float: right;
}
.pas:nth-child(odd)>.pas-continut>.pas-text,
.pas:nth-child(even)>.pas-continut>.pas-imagini{
    float: left;
}
.pas .pas-imagini>img {
    display: block;
    margin: 2px auto;
    max-width: 100%;
}

/**************** Carousel *******************/
.carousel {
    max-width: 995px;
    margin: 5px auto;
    margin-top: -8px;
}
.carousel .carousel-control {
    width: 7%;
    padding: 0;
    color: #ed3131;
    background: 0;
}
.carousel .carousel-indicators {
    bottom: -15px;
}
.carousel .carousel-indicators li {
    border: 0;
    background-color: #faa;
    opacity: 0.5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel .carousel-indicators li.active {
    background-color: #ed3131;
}
@media (max-width: 768px){
    .carousel {
        width: 110%;
        margin-left: -5%;
        margin-top: -16px;
    }
    .carousel .carousel-control {
        font-size: 30px;
        margin-top: -30px;
    }
}
legend, address {
    margin-bottom: 8px;
}

/******************* Galerie foto ****************/
.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
    border: 5px solid #000;
    border-radius: 15px;
}
.am-wrapper:hover {
    border: 5px solid #e77;
}
.am-wrapper:hover img {
}
.am-wrapper img{
	position:absolute;
	outline:none;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    transition:all 300ms linear;
    -webkit-backface-visibility: hidden;
}

.am-wrapper img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
.modal { overflow: auto !important; }
.gallery-container {
    padding: 0px;
    min-height: 180px;
}
.gallery-container .modal-content {
    /*background-color: transparent;*/
}
.gallery-container .modal-dialog{
    max-width: 100%;
}
.gallery-container .modal-content{
    width: 100%;
}
.gallery-container .modal-body {
    padding: 0px;
}
.gallery-container .modal-header {
    padding: 0 2px;
    text-align: right;
    border:0;
}
.gallery-container .modal-footer {
    text-align: center;
    border: 0;
}

#carousel-galerie {
    margin:0;
    background-color: black;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-right: -1px;
}
#carousel-galerie .carousel-inner img {
    border-radius: 0;
    padding-bottom: 40px;
    margin: 0 auto;
}
#carousel-galerie .carousel-caption {
    background-color: white;
    text-shadow: none;
    color: black;
    padding: 10px;
    bottom: 0;
    left:0;
    right:0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.gallery-container span {
    padding: 0;
}
.galerie-text-1, .galerie-text-2, .galerie-text-3 {
    position: inherit;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding: 0 10%;
}
.galerie-text-1 {
    font-size: 16px;
    font-size: 3vw;
}
.galerie-text-2 {
    font-size: 18px;
    font-size: 3.5vw;
}
.galerie-text-3 {
    font-size: 20px;
    font-size: 3.9vw;
}
@media(min-width: 650px){
    .galerie-text-1 {
        font-size: large;
        font-size: 1.4vw;
        font-weight: bolder;
    }
    .galerie-text-2 {
        font-size: x-large;
        font-size: 1.9vw;
    }
    .galerie-text-3 {
        font-size: xx-large;
        font-size: 2.5vw;
    }
}
.galerie-rand {
    position: relative;
    width: 100%;
}
.galerie-imagine {
    width: 100%;
}
.galerie-titlu {
    font-family: Roboto;
    font-size: xx-large;
    font-weight: bolder;
    text-align: center;
    margin: 35px 0 10px 0;
}
.galerie-lista-pachete {
    list-style-type: none;
    padding: 0px;
}
.galerie-lista-pachete>li {
    display: inline-block;
    padding: 4px 10px;
    margin: 0px;
    font-size: smaller;
    color: #F44;
}
.galerie-lista-pachete>li.page-scroll:hover {
    background-color: #CCC;
    cursor: pointer;
}

.galerie-rand .overlay,
.carousel-inner .overlay {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    position: absolute;
    padding: 0px;
    margin: 3%;
}
.overlay.outline {
    text-shadow:
       1px 1px 0 #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
.overlay.outline-white {
    text-shadow:
       1px 1px 0 #FFF,
     -1px -1px 0 #FFF,
      1px -1px 0 #FFF,
      -1px 1px 0 #FFF,
       1px 1px 0 #FFF;
}
.galerie-link {
    font-family: Roboto;
    position: absolute;
    padding: 5px 15px;
    margin: 3%;
    color: #DDD;
    background-color: #333;
    border: 3px solid #777;
}
.galerie-link:hover {
    text-decoration: none;
    color: #111;
    background-color: #888;
    border: 3px solid #333;
}
.galerie-pret {
    color:#F77;
    margin-bottom: 10px;
}
.galerie-pret .galerie-link,
.galerie-pret .galerie-link:active{
    position: inherit;
    padding: 2px 10px;
    margin: 10px;
}
.galerie-link.left,
.overlay.left{
    left: 0px;
}
.galerie-link.right,
.overlay.right {
    right: 0px;
}
.galerie-link.top,
.overlay.top {
    top: 0px;
}
.galerie-link.bottom,
.overlay.bottom  {
    bottom: 0px;
}

.scroll-to-top .fa {
    font-size: 38px;
    line-height: 18px;
}
.scroll-to-top {
    width: 40px;
    height: 50px;

    position: fixed;
    right: 2px;
    bottom: 95px;
    z-index: 99999;

    text-align: center;

    cursor: pointer;
    line-height: 12px;
    font-weight: bold;
    text-shadow:
      1px 0px 0 #FFF,
     -1px 0px 0 #FFF,
      0px -1px 0 #FFF,
      0px 1px 0 #FFF;
}
.scroll-to-top:hover {
    text-shadow:
      1px 0px 0 #F77,
     -1px 0px 0 #F77,
      0px -1px 0 #F77,
      0px 1px 0 #F77;
}
/******** Price Table *********/
.preturiView {
    padding: 0px;
}
.price-table>tbody>tr>td{
    vertical-align: middle;
}
.price-table {
    text-align: center;
}
.price-table.table-hover tbody tr.separator:hover td,
.price-table.table-hover tbody tr.no-hover:hover td,
.price-table.table-hover tbody tr.separator td{
    background-color: white !important;
}
.price-table .table-head td{
    font-weight: bolder;
    text-align: center;
    background-color: #ccc !important;
}
.price-table .separator{
    height: 40px;
    background-color: white;
}
.price-table>tbody>tr>td {
    padding: 5px !important;
}
/******* Dimensiuni *******/
#viewDimensiuni>div>a {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    max-width: 700px;
}
#viewDimensiuni td>a {
    display: inline;
}
#viewDimensiuni a>img,
#viewDimensiuni a>span{
    display: block;
    text-align: center;
    margin: 0 auto;
    cursor:
        url(../img/download.png),
        url(../img/download.cur),
        pointer;
    max-width: 100%;
}
#viewDimensiuni a:hover>img {
    opacity: 0.8;
}
#viewDimensiuni .pro-tip {
    padding: 0;
}
#viewDimensiuni .pro-tip:hover {
    background-color: transparent;
}
#viewDimensiuni .pro-tip div {
    text-align: center;
}
#viewDimensiuni .dual-page {
    width: 100%;
}
#viewDimensiuni .dual-page td a {
    padding: 2px;
}
.price-table.table-hover tbody .page-scroll:hover td, .page-scroll:hover, .table-link:hover {
    cursor: pointer;
}
.price-table.table-hover tbody .page-scroll:hover.deep td, .page-scroll:hover.deep, .table-link:hover.deep {
    color: #F55;
    background-color: #FFD3D3 !important;
}
.price-table .modificare {
    color: #F55;
}
/********* Date Cont **********/
.lista-adrese .adresa,
.lista-firme .firma{
    border: 1px solid #BBB;
    margin: 3px;
    padding: 2px;
    border-radius: 5px;
    background-color: #DDD;
}
.lista-adrese .adresa>div,
.lista-firme .firma>div {
    margin: 0 2px;
}
.lista-adrese .adresa .text-adresa,
.lista-firme .firma .text-firma {

}
.form-client label.control-label {
    text-align: right;
    line-height: 34px;
    margin: 0px;
}

/********* Mostrar Gratuit *********/
#cerereMostrarGratuit a,
#news a {
    color: #F77;
}
#formMostrarGratuit {
    max-width: 450px;
    margin: 0 auto;
    position: relative;
}
#formClientNou {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
#formMostrarGratuit .form-group,
#formClientNou .form-group{
    position: relative;
    margin-bottom: 0;
}
#formMostrarGratuit .form-group label,
#formClientNou .form-group label {
    float: left;
    padding: 6px;
}
@media(min-width:500px){
    #formMostrarGratuit .form-group label,
    #formClientNou .form-group label {
        width: 20%;
    }
    #formMostrarGratuit .form-group input,
    #formClientNou .form-group input {
        max-width: 80%;
    }
}
#formMostrarGratuit button,
#formClientNou button {
    position: relative;
    height: 33px;
    width: 100%;
    top: 0;
    margin-top: 10px;
}
#formMostrarGratuit .has-error,
#formClientNou .has-error,
#formularContact .has-error {
    border: 1px solid #F77;
}
#formMostrarGratuit .has-success,
#formClientNou .has-success,
#formularContact .has-success {
    border: 1px solid #5D5;
}

/* == STIL CLIENTI NOI */
.optiune {
    margin-bottom: 10px;
    padding: 5px;
}
#formClientNou .optiune {
    background-color: transparent;
    border-radius: 10px;
    z-index: 1;
    transition-duration: 1000ms;
}
#formClientNou .optiune:hover {
    background-color: #DEDEDE;
    transition-duration: 100ms;
}
#formClientNou .optiune:hover * {
    cursor: pointer;
}
#formClientNou .optiune>div>input[type=checkbox] {
    border-radius:40%;
    -webkit-appearance:button;
    border: double 2px #000;

    background-color: transparent;
    z-index: 1;
    color:#FFF;
    white-space: nowrap;
    overflow:hidden;

    width:25px;
    height:25px;
}

#formClientNou .optiune>div>input[type=checkbox]+i {
    position: absolute;
    top: 40px;
    left: 20px;
    color: #292;
    display: none;
    z-index: -1;
}
#formClientNou .optiune>div>input[type=checkbox]:checked+i {
    display: inline-block;
}

#formClientNou .optiune>div>input[type=checkbox]:hover {
    box-shadow:0px 0px 0px #FFF;
}
#formClientNou .optiune>div>input[type=checkbox]:focus {
    -webkit-outline: none;
    outline: none;
}
#formClientNou .optiune img.img-responsive {
    margin: 0 auto;
}
#formClientNou li.alert {
    padding: 1px 15px;
    margin: 0;
    list-style: none;
}
#formClientNou .form-group p.alert-danger {
    width: 80%;
    margin: 2px 0 10px 20%;
    padding: 2px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ebccd1;
}

/********** anchor fix ********/
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
#containerNavColectii {
    border: 0;
    margin-top: -3px;
    z-index: 1;
}
#topNavColectii.nav-justified>li {
    float: none;
}
#topNavColectii.nav-justified>li>a {
    text-align: center;
}
#Colectii .colectie{
    margin: 5px 0;
}
#Oferte .oferta{
    margin: 5px 0;
}
#Colectii hr{
    width: 100%;
    border: 0;
    background: 0;
}
#Colectii hr.wide,
#Albume hr.wide,
#Accesorii hr.wide{
    margin-bottom: 10%;
}
#Oferte hr,
#Albume hr,
#Accesorii hr{
    width: 100%;
    border: 0;
    background: 0;
    border-bottom: 1px dotted #BBB;
}
#Oferte hr.wide{
    margin-bottom: 20%;
}
#Colectii hr.clean,
#Oferte hr.clean,
#Albume hr.clean,
#Accesorii hr.clean{
    border-bottom: 0;
}
#Oferte textarea {
    resize: none;
}
.counter {
    color: #999;
    font-size: 10px;
    position: absolute;
    bottom: 2px;
    right: 25px;
    background-color: white;
}
#Colectii .colectie .body {
    display: block;
}
#Colectii .colectie>img,
#Colectii .colectie .body>div{
    margin-bottom: 10px;
}
#Colectii .colectie .content a:hover>img {
    opacity: 0.7;
    border: 3px outset transparent;
    transition:
        opacity 0.2s,
        border-width 0.1s;
}
#Colectii a.anchor,
#viewDimensiuni a.anchor {
    top: -185px;
}
#Oferte a.anchor {
    top: -210px;
}
@media (max-width: 1024px) {
    a.anchor {
        top: -125px;
    }
}
@media (max-width: 767px) {
    a.anchor {
        top: 5px;
    }
    #Colectii a.anchor,
    #Oferte a.anchor,
    #viewDimensiuni a.anchor  {
        top: -10px;
    }
}
#Colectii .half-image {
    position: relative;
    width: 45%;
    margin: 0;
    display: inline-block;
    text-align: center;
}
.text-hover {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 100px;
    text-align: center;
    margin-left: -50px;
    font-weight: 900;
    color: white;
    text-shadow:
        2px 0px #000, -2px 0px #000,
        0px 2px #000, 0px -2px #000,
        2px 2px #000, -2px -2px #000;
}
#Colectii .half-image.left>img {
    width: 100%;
    max-width: 500px;
    min-height: 53px;
    border-radius: 10px;
    border: 2px dotted #999;
}
#Colectii .half-image.right>img {
    width: 100%;
    max-width: 285px;
}

#Colectii .half-image.left {
    width: 60%;
}
#Colectii .half-image.right {
    width: 40%;
}
#Colectii .dimensiuni {
    display: none;
}
#Colectii .dimensiuni div {
    text-align: center;
    font-weight: 600;
}
#Colectii .colectie .body>div.dimensiuni {
    margin-top: 30px;
    margin-bottom: 30px;
}
#Colectii .dimensiuni div>span {
    white-space: nowrap;
    margin: 2px 5%;
    width: 39%;
    display: inline-block;
}
@media(min-width:1020px){
    #Colectii .dimensiuni div>span {
        width: 14%;
    }
}
.previewMaterial .navi,
.previewMaterial .content,
.previewMaterial .tip {
    float: left;
}
.previewMaterial .tip {
    width: 126px;
    margin-right: -30px;
    margin-left: -80px;
    margin-top: 13px;
    transform: rotate(270deg);
    transform-origin: 80% 100%;
    text-align: center;
}
.previewMaterial .navi {
    width: 35px;
    list-style: none;
    padding: 0;
    margin: 10px auto;
}
.previewMaterial .navi li {
    cursor: pointer;
    border: 3px solid transparent;
    border-radius: 50%;
    width: 31px;
    height: 31px;
    margin: 0 auto;
}
.previewMaterial .navi li.active {
    border: 3px solid #F77;
}
.previewMaterial .navi li:hover,
.previewMaterial .navi li.active:hover {
    border: 3px solid #777;
}
.previewMaterial .navi li img {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin: 0;
}
.previewMaterial .content {
    margin: 0 auto;
    padding: 0;
    width: 75%;
}
.previewMaterial .content li {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.previewMaterial .content li img {
    width: 92px;
    height: 92px;
    margin: 1px;
    transition:
        opacity 1s,
        border-width 1s;
}
@media(min-width:350px){
    .previewMaterial .navi {
        width: 10%;
    }
    .previewMaterial .content {
        width: 85%;
    }
}

#Oferte .oferta h4 {
    text-align: left;
    font-size: 1.7em;
    font-weight: 700;
    margin: 0;
    padding-left: 10%;
}
#Oferte .oferta h4.text-center {
    text-align: center;
    padding-left: 0;
}
#Oferte .warning {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 3px 15px;
    text-align: center;
    border-radius:  5px;
    margin-bottom: 10px;
}
#Oferte .oferta .body {
    text-align: center;
}
#Oferte .oferta .body>div {
    text-align: center;
}
#Oferte .oferta .body ul {
    display: inline-block;
    list-style: none;
    text-align: left;
    font-size: 1.3em;
    padding: 0;
}
#Oferte .oferta .body .pret {
    display: inline-block;
    font-size: 1.6em;
}
@media(min-width: 500px){
    #Oferte .oferta .body .pret {
    }
}
#Oferte .oferta .body .pret strong{
    font-size: 1.5em;
}
#Oferte .oferta .body .pret strike {
    font-size: 1.3em;
    color: #555;
}
#Oferte .oferta a.btn.btn-success {
    font-weight: 600;
    font-size: 0.8em;
}
/******* Galerie Modele Coperti *******/
#gModeleCoperti h4 {
    text-align: center;
    margin: 20px 0 0 0;
    padding: 5px;
    background-color: #DDD;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: Roboto;
    font-size: x-large;
}

#gModeleCoperti h5 {
    padding: 3px 15px;
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
    font-family: Roboto;
    font-size: larger;
}
#gModeleCoperti h5:nth-child(1) {
    margin-top: 0px;
}

#gModeleCoperti .gGroup>a {
    display: inline-block;
    margin: 0 5px;
}
#gModeleCoperti .gGroup>a>span {
    display: block;
    text-align: center;
    font-weight: bolder;
}
#gModeleCoperti .gGroup>a>img {
    max-width: 120px;
    max-height: 120px;
}
#Albume img, #Accesorii img {
    max-width: 100%;
}
#Albume h4, #Accesorii h4 {
    text-align: center;
    font-size: 1.8em;
    font-weight: 600;
}
/****************** FAQ ***************/
.faq {
    padding-left:0;
}
.faq p{
    text-indent: 30px;
}
.faq h5 {
    font-size:14px;
    font-weight: bolder;
    margin-bottom: 0px;
    margin-top: 15px;
    padding: 3px;
}
.faq a {
    color: #d44;
    text-decoration: none;
    font-weight: bolder;
}
.faq a:hover {
    text-decoration: underline;
}

/************** Formular Albume ***************/
.previewCanvas {
    width: 100%;
    outline: none !important;
    cursor: -webkit-grab;
    cursor: grab;
}
#canvasButtons {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
#canvasButtons>button {
  position: absolute;
  bottom: 10px;
  width: 60px;
  height: 30px;
  border: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  opacity: 1;
}
#canvasButtons>button:hover {
  opacity: 0.75;
}
#canvasButtons>.btn-left {
  left: 10px;
  background-image: url("../data/templates/3D/rotate_left.png");
}
#canvasButtons>.btn-right {
  right: 10px;
  background-image: url("../data/templates/3D/rotate_right.png");
}
#canvasButtons>.btn-play,
#canvasButtons>.btn-pause {
  left: 17px;
  bottom: 48px;
  width: 40px;
  height: 40px;
}
#canvasButtons>.btn-play {
  background-image: url("../data/templates/3D/play.png");
}
#canvasButtons>.btn-pause {
  background-image: url("../data/templates/3D/pause.png");
}
.formular-albume div>div {
    padding: 0;
}
.formular-albume .form-group {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom: 5px;
}
.formular-albume .form-group div {
    font-weight: bold;
    font-size: small;
    color: #d44;
}
.formular-albume .form-group input[type="radio"]{
    margin-top: 0px;
    height: 10px;
}
.formular-albume input[type="radio"]+label {
    font-size: small;
    width: 46.5%;
    margin: 0;
    position: relative;
}
.formular-albume input[type="radio"]+label span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 1px #000,-1px -1px 1px #000;
}
.formular-albume input[type="radio"]:checked+label {
    color: #f77;
}
.formular-albume input[type="radio"]:disabled+label {
    color: #AAA;
}
.formular-albume legend {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px 0 0 10px;
    margin: 0px;
    font-size: small;
    font-weight: bold;
    background-color: #eee;
}
.culoare-oglinda span {
    color: black;
    font-size: small;
    text-align: left;
}
.culoare-oglinda .btn-group {
    width: 100%;
    margin-left: -8px;
    margin-top: -3px;
}
.culoare-oglinda .dropdown-toggle {
    padding: 0px;
    margin: 0px;
    background-color: white !important;
}
.culoare-oglinda .dropdown-menu {
    padding: 0px;
    left: -30px;
}
.culoare-oglinda .dropdown-menu li img {
    width: 30px;
}
.culoare-oglinda .dropdown-menu li a{
    padding: 1px;
    cursor: pointer;
}
.formular-albume .form-group.select-pachet {
    padding-bottom: 1px;
    padding-top: 1px;
}
.formular-albume .form-group.select-pachet legend {
    padding: 0;
}
.formular-albume .form-group.select-pachet button {
    padding: 2px;
    background-color: transparent;
    border: 0;
    margin: 0;
}
.formular-albume .form-group.select-pachet .dropdown-menu li a {
    padding: 2px 4px;
    cursor: pointer;
}
.formular-albume .form-group.select-pachet .dropdown-menu img {
    width: 45px;
}
.formular-albume .form-group.select-pachet .conter {
    overflow-y: auto;
    max-height: 200px;
    margin: 0 -9px;
    padding: 5px;
}
.formular-albume .form-group.select-pachet .album {
    border-radius: 5px;
    border: 1px solid lightgray;
    cursor: pointer;
    margin-bottom: 2px;
    padding: 2px;
    border-color: #ecc;
    background-color: #fee;
}
.formular-albume .form-group.select-pachet .album-done {
    border-color: #cec;
    background-color: #efe;
    color: #5a5;
}
.formular-albume .form-group.select-pachet .album-activ {
    border-color: #cce;
    background-color: #eef;
    color: #55a;
}
.formular-albume .form-group.select-pachet .album img {
    float: left;
    width: 45px;
    height: 45px;
}
.formular-albume .form-group.select-pachet .album div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    height: 45px;
    font-size: small;
    color: inherit;
}
.formular-albume .form-group span{
    display: inline-block;
    width: 49%;
}
@media(max-width: 1199px) {
  .formular-albume .form-group span {
    width: 100%;
  }
}
@media(max-width: 991px) {
  .formular-albume .form-group span {
    width: 49%;
  }
}
@media(min-width: 1200px) {
  .formular-albume .form-group span {
    width: 49%;
  }
}
.formular-albume .form-group span>label{
    width: 81%;
    margin-left: 4px;
    vertical-align: top;
}
.formular-albume .label-input span {
    width: 100%;
}
.formular-albume .label-input span:last-child {
    margin-bottom: -2px;
}
.formular-albume .label-input span>label{
    width: 49%;
    font-size: small;
}
.formular-albume .label-input span>input,
.formular-albume .label-input span>select{
    width: 40%;
    padding-left: 4px;
}
.formular-albume .label-input span>select{
    margin-left: -4px;
    padding: 3px 0 3px 1px;
}
.formular-albume .form-group label+input[type="checkbox"]{
    width: auto;
}
.formular-albume #sumar,
.formular-albume #detalii {
    margin-bottom: 5px;
}
.formular-albume #sumar legend,
.formular-albume #detalii legend {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.formular-albume #sumar #contentSumar {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: small;
    overflow-y: auto;
    max-height: 450px;
}
.formular-albume #sumar #contentSumar span {
    color: #e55;
    font-weight: bold;
}
.formular-albume #detalii textarea {
    width: 100%;
    max-width: 100%;
    padding: 0px 10px 5px 10px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 150px;
}
.formular-albume button {
    width: 100%;
    margin-bottom: 3px;
}
.formular-albume #machetari-mobil {
    z-index: 2016;
}
.formular-albume #tabs,
.formular-albume #machetari-desktop,
.formular-albume #machetari-mobil {
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 10px;
}
.formular-albume #machetari-desktop,
.formular-albume #machetari-mobil {
    padding: 3px 15px;
    margin-top: -6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.formular-albume #tabs *{
  user-select: none;
}
.formular-albume #tabs a{
    font-weight: 600;
    color: #888;
    padding: 3px 10px;
    border: 1px solid;
    border-color: #ccc;
    border-bottom: 1px solid #bbb;
    background-color: #eee;
}
.formular-albume #tabs a:hover {
    background-color: #DDD;
}
.formular-albume #tabs .active a {
    color: black;
    border-color: #bbb;
    background-color: white;
    border-bottom: 1px solid #fff;
}
.formular-albume #tabs a:hover{
    color: #f77;
}
.formular-albume .info-tip {
    float: right;
}
.tooltip .tooltip-inner {
    color: white;
    font-weight: normal;
    padding: 5px;
    text-align: left;
}
.tooltip-withImage.tooltip.right .tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-color: transparent;
  border-right-color: #bbb;
  border-width: 5px 5px 5px 5px;
}
.tooltip-withImage .tooltip-inner {
    max-width: 212px;
    padding: 5px;
    background-color: white;
    border: 1px solid #bbb;
}
@media(min-width: 955px){
    .tooltip-withImage .tooltip-inner {
        max-width: 420px;
    }
}
.tooltip-withImage .tooltip-inner img {
    width: 200px;
    background-color: aquamarine;
    float: left;
}
.tooltip-withImage .tooltip-inner div {
    color: black;
    font-weight: bold;
    background-color: white;
    padding-left: 5px;
    width: 180px;
    float: left;
}
.tooltip-withImage .tooltip-inner div span {
    color: #d55;
    font-size: larger;
}
.tooltip-culoare .tooltip-inner {
    border: 5px solid black;
    max-width: 410px;
    padding: 0;
}
.tooltip-culoare .tooltip-inner img {
    width:400px;
    height:400px;
}
.tooltip-culoare.in {
    opacity: 1;
}

#tabs .nav-tabs { border-color: #bbb; }
#tabs .nav-tabs li {
    margin-top: 3px;
    width: 31%;
}
@media(min-width:768px){
    #tabs .nav-tabs li {
        width: 33%;
    }
}
#tabs .nav-tabs li:first-child {
    margin-left: 4px;
}
#tabs .nav-tabs li>a,
#tabs .nav-tabs li>.active>a{
    cursor: pointer;
}
#tabs .tab-pane {
    overflow-y: auto;
    max-height: 200px;
}
@media(min-width:992px){
    #tabs .tab-pane {
        max-height: 235px;
    }
}
@media(min-width:1500px){
    #tabs .tab-pane {
        max-height: 295px;
    }
}
#tabs .tab-pane div {
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}
#tabs .tab-pane div:last-child {
    margin-bottom: 3px;
}
#tabs .tab-pane div input[type="radio"], .img-radio>span>input[type="radio"]{
    display: none;
}
.img-radio>span>label>img {
    height: 90px;
}
#tabs .tab-pane div input[type="radio"]+label>img,
.img-radio>span>input[type="radio"]+label>img {
    pointer-events: none;
}
#tabs .tab-pane div input[type="radio"]:checked+label>img,
.img-radio>span>input[type="radio"]:checked+label>img {
    border: 5px solid #f77;
    border-radius: 5px;
}
#tabs .tab-pane label {
    margin: 0px;
    width: 100%;
}
#tabs .tab-pane div img{
    max-width: 70px;
    max-height: 70px;
}
.image-tip {
    display: none;
    text-align:center;
}
.image-tip img {
    margin-bottom: 5px;
}
@media(min-width:768px){
    .image-tip {
        display: block;
    }
    .formular-albume #previewContainer {
        margin-left: 15px;
        margin-right: -15px;
    }
    .formular-albume #tabs,
    .formular-albume #machetari-desktop {
        margin-right: -15px;
        width: 103%;
    }
}
#tabs .tab-pane div.separator-categorie {
    float: left;
    width: 99%;
    font-weight: bolder;
    padding: 0 15px;
    border-top: 1px dotted black;
    background-color: #eee;
}
.categorie-culori {
    width: 99%;
}

/****** Print Fotografii ******/
#tabel-fotografii .total {
    font-size: larger;
    font-weight: bolder;
    text-align: right;
    color: #F55;
}
#tabel-fotografii strong {
    font-weight: bolder;
}
#tabel-fotografii .yes {
    background-color: #BFB;
}

/************* CART **************/
#cart #table-cart {
    text-align: center;
}
#cart #table-cart tr td:first-child,
#cart #table-cart tr td:last-child {
    width: 30px;
}
#cart #table-cart tr td:nth-child(2) {
    width: 100px;
}
#cart #table-cart tr td:nth-child(4) {
    width: 200px;
}
#table-cart tbody>tr>td {
    /*border: 1px solid black;*/
    vertical-align: middle;
    padding: 5px 2px;
}
#table-cart .table-head td {
    background-color: #eee;
}
#table-cart input[type="number"] {
    width: 45px;
    text-align: center;
}
#table-cart .detalii-cos td {
    border-top: 1px solid white;
}
#table-cart .button-detalii {
    display: none;
}
#table-cart .button-detalii+label {
    display: inline-block;
    font-weight: bold;
    height: 18px;
    padding: 0px 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #eee;
    font-size: small;
    margin-top: 10px;
}
#table-cart .button-detalii+label:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}

#table-cart .button-detalii+label span,
#table-cart .button-detalii+label i:nth-child(5),
#table-cart .button-detalii+label i:nth-child(4) {
    display: none;
}
@media(min-width: 526px){
    #table-cart .button-detalii+label span,
    #table-cart .button-detalii+label i:nth-child(5),
    #table-cart .button-detalii+label i:nth-child(4) {
        display: inline-block;
    }
}
#table-cart .detalii-cos span {
    margin: 0 10px;
    display: inline-block;
    font-size: small;
}
.cos-total {
    font-size: large;
    padding: 2px;
}
#table-cart img {
    border-radius: 5px;
}
#table-cart .continut-pachet td{
    border: 0px solid black;
    padding: 7px;
}
.culori-mostrar {
    padding: 0;
    display: inline-block;
}
#table-cart .remove,
#verificareComanda .remove{
    opacity: 0.5;
    text-decoration: line-through;
}
.lista-adrese-verificare div label {
    font-weight: normal;
}
.img-coperta {
    min-width: 80px;
}
.table-cart .img-coperta,
.form-verificare .img-coperta {
    max-width: 80px;
}
/********* Stil pentru Verificarea comenzii *********/

.big-warning {
    font-size: 50px;
    float: left;
    padding: 0px;
}
#tabel-sumar {
    table-layout: fixed;
}
#tabel-sumar .table-head td {
    font-weight: bold;
    background-color: #eaeaea;
    border-bottom: 2px solid black;
    text-align: center;
}
#tabel-sumar .delimitator-produs {
    border-bottom: 2px solid black;
    height: 0;
    padding: 0;
}
#tabel-sumar .menu-row td {
    background-color: #fff;
}
#tabel-sumar .btn-fisiere,
#tabel-sumar .selector {
    width: 96px;
    margin: 1px;
}
#tabel-sumar .buton-fisiere {
  border-top: 0;
}
#tabel-sumar .buton-fisiere .btn-preview {
  display: inline-block;
  border: 0;
  background: none;
  width: 49%;
}
#tabel-sumar .buton-fisiere .btn-preview span {
  margin: 0 10px;
}
#tabel-sumar .buton-fisiere .btn-preview.btn-coperta {
  float: left;
  text-align: right;
}
#tabel-sumar .buton-fisiere .btn-preview.btn-album {
  float: right;
  text-align: left;
}
#tabel-sumar .buton-fisiere .btn-preview:hover {
  cursor: pointer;
  color: #F33;
}
#tabel-sumar .buton-fisiere .btn-preview[disabled] {
  color: #777;
}
.inline-button {
    display: inline-block;
    color: #ed3131;
    font-weight: bold;
    text-indent: 0;
}
.inline-button:hover {
    color: #555;
    font-weight: bold;
    cursor: pointer;
}
.detalii-utilizator {
}
.detalii-utilizator textarea {
    width: 100%;
    resize: none;
}
.detalii-utilizator textarea:disabled,
.detalii-utilizator textarea[readonly] {
    background-color: white;
    padding: 0px 6px;
    border: 0;
    border-top: 1px solid lightgray;
}
#verificareComanda span {
    display: inline-block;
    margin-left: 10px;
}
#verificareComanda .btn span {
    display: inline-block;
    margin-left: 0px;
}
.btn-finalizare.disabled:hover,
.btn-finalizare[disabled]:hover {
    cursor: col-resize !important;
}

.form-verificare div {
    border: 0px solid black;
}
.form-verificare h4 {
    border-bottom: 1px solid #777;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #999;
    color: #FFF;
    padding: 3px 10px;
    margin: 10px 0 3px 0;
}
.form-verificare .info-group {
    padding-left: 10%;
}
#verificareComanda .feedbackError ul{
    display: inline-block;
}
#verificareComanda .feedbackError ul>li{
    text-decoration: underline;
    cursor: pointer;
}#verificareComanda .warning {
    color: #F33;
}
/********* Stil pentru vizualizarea comenzii *********/
.subtitle {
    font-size: larger;
    border-radius: 3px;
    padding: 3px 5px 0px 5px;
}
.menu button {
    width: 100%;
    padding: 8px 1px;
}
.status-comanda {
    float: right;
    padding-right: 20px;
    font-weight: bold;
}
.table tr th {
    background-color: #e5e5e5;
}
.table > tbody > tr > td {
    padding: 3px 10px;
}
.table-striped tr:nth-child(odd) td{
    background-color: #e9e9e9;
}
.table-hover > tbody > tr:hover > td {
    background-color: #fdd;
}
.table-hover > tbody > tr > th:hover {
    background-color: #fcc;
}
#lista-comenzi .new,
#lista-cereri .new {
    background-color: #fff;
}
#lista-comenzi .cancel,
#lista-cereri .cancel {
    background-color: #fbb;
    color: black;
}
#lista-comenzi .done,
#lista-cereri .done {
    background-color: #bfb;
}
#lista-comenzi .working,
#lista-cereri .working {
    background-color: #ffb;
}
#lista-comenzi .anulat,
#lista-cereri .anulat {
    color: #BBB;
}
#lista-comenzi.table > tbody > tr > td {
    cursor: pointer;
}
#lista-comenzi.table > tbody > tr.no-hover > td {
    cursor: default;
}
#lista-comenzi.table > tbody > tr > td:last-child {
    cursor: default;
}
#lista-comenzi.table>tbody>tr>td.hover:hover {
    background-color: #ACF;
    color: #000;
    cursor: pointer;
}
.input-date:hover {
    cursor: pointer;
}
.list-delimiter {
    height: 0px;
    border: 1px solid #ddd;
    margin: 2px 0px;
}
.clear-button {
    position:absolute;
    top:10px;
    right:4px;
    z-index:10;
    cursor: url(../img/delete-cursor.png), url(../img/delete.cur), auto;
}
.fa-spin.ng-animate { -webkit-animation: none 0s; }
#filter-form input.form-control.input-date {
    margin-top: 1px;
}
#lista-comenzi {
    table-layout: fixed;
    width: 100%;
}
@media only screen and (min-width: 500px) {
    #lista-comenzi {
        table-layout: auto;
        width: 100%;
    }
}
#lista-comenzi.table>tbody>tr>td:nth-child(1){

}
#lista-comenzi.table>tbody>tr>td:nth-child(6),
#lista-comenzi.table>tbody>tr>td:nth-child(3){
    word-wrap:break-word;
}
#lista-comenzi a {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
    width: calc(100% + 20px);
    height: 100%;
    display: inline-block;
    margin: -3px -10px;
    padding: 3px 10px;
}
#lista-comenzi a:hover {
    background-color: transparent;
}
#lista-comenzi label.id_label {
    position: absolute;
    margin: -3px -10px;
    padding: 2px 0px;
    height: 28px;
    display: block;
    width: 76px;
}
#lista-comenzi label.id_label>input[type="checkbox"] {
    position: absolute;
    -webkit-appearance: none;
    left: 0px;
    height: 28px;
    width: 76px;
    background-color: rgba(79, 144, 135, 0.19);/*rgba(98, 255, 0, 0.19);*/
    background: linear-gradient(90deg, rgba(79, 144, 135, 0.19), rgba(79, 144, 135, 0));
    top: -4px;
}
#lista-comenzi label.id_label>input[type="checkbox"]:checked {
    background-color: rgba(98, 255, 0, 0.21);
    background: linear-gradient(90deg, rgba(59, 255, 0, 0.39), rgba(98, 255, 0, 0));
}
.pager a {
    font-weight: 800;
    margin: 0 2px;
    padding: 2px 5px;
    border: 1px solid white;
    text-decoration: none;
    color: #444;
}
.pager a:hover{
    color: #F77;
    border: 1px solid #BBB;
}
.pager .active,
.pager a.active:hover{
    background-color: #47F;
    color: white;
    border: 1px solid white;
}

.mesaj-comanda {
    padding: 0px 5px;
    margin: 0px;
    margin-bottom: 10px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background-color: #EEE;
}
.mesaj-comanda textarea {
    background-color: white;
    border: 0px;
    border-top: 1px solid #CCC;
    padding: 0 5px;
}
.mesaj-comanda div {
    font-weight: bolder;
}
.mesaj-comanda.client {
    background-color: #E0E0E0;
}
.mesaj-comanda.agent {
    background-color: white;
}

/***** Stil pentru mostrar culori ****/
#formMostrarCulori label {
    position: relative;
    text-align: center;
    margin: 0 1px 1px 0;
}
#formMostrarCulori label input {
    display: none;
}
#formMostrarCulori label input+span {
    opacity: 0.5;
    position: absolute;
    left: 5px; top: 5px;
    padding: 0px 3px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 3px;
}
#formMostrarCulori label input:checked+span {
    opacity: 1.0;
}
#formMostrarCulori label input:checked+span+img {
    border: 2px solid #F77;
    opacity: 1.0;
}
#formMostrarCulori label input+span+img {
    border: 2px solid white;
    opacity: 0.5;
    width: 150px;
}
#formMostrarCulori label input+span+img+i,
#formMostrarCulori label input:checked+span+img+i+b{
    display: none;
}
#formMostrarCulori label input:checked+span+img+i {
    display: block;
    position: absolute;
    top: 5px; right: 5px;
    color: greenyellow;
}
#formMostrarCulori label input+span+img+i+b{
    display: block;
    position: absolute;
    top: 5px; right: 5px;
    color: #F77;
}
#formMostrarCulori h4{
    margin: 7px 0 2px 0;
    padding: 3px 5px 1px 5px;
    background-color: #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #F77;
}
#formMostrarCulori .alert,
#formMachetare {
  margin-top: 50px;
}
#formMachetare .alert{
    margin-bottom: 3px;
    padding: 5px 10px;
    font-weight: bolder;
}
#formMachetare input[type="number"] {
    padding: 5px;
    width: 50px;
}

#formMachetare td {
    padding: 3px 10px;
    border: 0;
}
#formMachetare .imagini-model {
    border: 3px solid #DDD;
}
#formMachetare .titlu-model,
#formMachetare td{
    position: relative;
}
#formMachetare .titlu-model label{
    cursor: pointer;
    background-color: #DDD;
    margin: 0;
    padding: 3px 0 0 21px;
    margin-top: 10px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: normal;
}
#formMachetare input[type="radio"] {
    position: absolute;
    top: 16px;
    left: 15px;
    z-index: 1;
}
#formMachetare input[type="radio"]:checked+.titlu-model>label {
    background-color: #ff6767;
    color: white;
}
#formMachetare input[type="radio"]:checked+.titlu-model+.imagini-model {
    border: 3px solid #ff6767;
}
.imagini-model {
    margin:auto;
    overflow:auto;
}
.imagini-model>ng-gallery>.ng-gallery {
    width: 100%;
    display: block;
    margin-right: -999em;
    white-space: nowrap;
    list-style:none;
    padding: 0;
    margin-bottom: 0px;
}
.imagini-model>ng-gallery>.ng-gallery>div {
    display: inline-block;
}

/********* Animation on show/hide detalis *********/

.animate-show {
    line-height: 20px;
    height: 120px;
    opacity: 1;
}

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.animate-show.ng-hide {
    line-height: 20px;
    opacity: 0;
    height: 0px;
}
.help-block {
    margin: 0px;
    width: 100%;
    color:#D77;
    text-align:center;
}

.animate-detalii td {
    overflow-y: auto;
}
.animate-detalii td div{
    max-height: 200px;
    opacity: 1;
}
.animate-detalii.ng-hide td div {
    opacity: 0;
    max-height: 0px;
}

.animate-detalii.ng-hide-add.ng-hide-add-active,
.animate-detalii.ng-hide-remove.ng-hide-remove-active,
.animate-detalii.ng-hide-add.ng-hide-add-active td div,
.animate-detalii.ng-hide-remove.ng-hide-remove-active td div{
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
/************* end of animations **************/
.ajax-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    background-image: url(../img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 15;
}
.ajax-loader.transparent {
    background-color: transparent;
}

.thumb {
    width: 24px;
    height: 24px;
}
form .progress {
    line-height: 15px;
}
}
.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}
.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}
/***** Tweaks *****/
.alert-info {
    color: #444;
    background-color: #EEE;
    border-color: #dfdfdf;
}
.alert span {
    display: inline-block;
}
.alert-danger strong {
  white-space: nowrap;
}
.btn-default {
    color: #444;
    background-color: #EEE;
    border-color: #dfdfdf;
}
.btn-finalizare {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 2px;
}
/* Aici incepe loadingul */
.transfer{
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 9001;

}
.transfer .message {
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -125px;
    color: white;
    text-align: center;
    width: 250px;
}

/* === AICI INCEPE NEBUNIA === */
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}
.radial-progress {
  margin: -80px 0 0 -80px;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 200px;
  left: 50%;
  border-radius: 50%;
}
.rotate {
    margin: -80px 0 0 -80px;
    width: 160px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;

    -webkit-animation: spin 4s infinite linear;
    -moz-animation: spin 4s infinite linear;
    -o-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;

    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.rotate.animate {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 160px;
  height: 160px;
  position: absolute;
  border-radius: 50%;
}
.radial-progress .circle .shadow {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) inset, -5px 5px 5px rgba(0, 0, 0, 0.1) inset, 5px -5px 5px rgba(0, 0, 0, 0.1) inset, -5px -5px 5px rgba(0, 0, 0, 0.1) inset;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
  border-radius: 50%;
}
.radial-progress .circle .mask {
  clip: rect(0px, 160px, 160px, 80px);
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 80px, 160px, 0px);
  background-color: #ed3131;
}
.radial-progress .inset {
  width: 110px;
  height: 110px;
  position: absolute;
  margin-left: 25px;
  margin-top: 25px;
  background-color: #e9e9e9;
  border-radius: 50%;
  box-shadow: 1px 1px 2px #ffffff inset, -1px 1px 2px #ffffff inset, 1px -1px 2px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px rgba(0, 0, 0, 0.2) inset, -2px 2px 2px rgba(0, 0, 0, 0.2), 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.radial-progress .inset .percentage {
  width: 100%;
  position: absolute;
  top: 50%;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  margin: -25px auto;
  color: #ed3131;
}
.radial-progress .inset .percentage .number {
  font-size: 50px;
  text-shadow: 1px 1px #ffffff, -1px -1px #777777;
}
.radial-progress[data-progress="0"] .circle .mask.full,
.radial-progress[data-progress="0"] .circle .fill {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .circle .fill.fix {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="1"] .circle .mask.full,
.radial-progress[data-progress="1"] .circle .fill {
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.radial-progress[data-progress="1"] .circle .fill.fix {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .mask.full,
.radial-progress[data-progress="2"] .circle .fill {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .fill.fix {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="3"] .circle .mask.full,
.radial-progress[data-progress="3"] .circle .fill {
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.radial-progress[data-progress="3"] .circle .fill.fix {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="4"] .circle .mask.full,
.radial-progress[data-progress="4"] .circle .fill {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="4"] .circle .fill.fix {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="5"] .circle .mask.full,
.radial-progress[data-progress="5"] .circle .fill {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
.radial-progress[data-progress="5"] .circle .fill.fix {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="6"] .circle .mask.full,
.radial-progress[data-progress="6"] .circle .fill {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="6"] .circle .fill.fix {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="7"] .circle .mask.full,
.radial-progress[data-progress="7"] .circle .fill {
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.radial-progress[data-progress="7"] .circle .fill.fix {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="8"] .circle .mask.full,
.radial-progress[data-progress="8"] .circle .fill {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="8"] .circle .fill.fix {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="9"] .circle .mask.full,
.radial-progress[data-progress="9"] .circle .fill {
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.radial-progress[data-progress="9"] .circle .fill.fix {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="10"] .circle .mask.full,
.radial-progress[data-progress="10"] .circle .fill {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="10"] .circle .fill.fix {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="11"] .circle .mask.full,
.radial-progress[data-progress="11"] .circle .fill {
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.radial-progress[data-progress="11"] .circle .fill.fix {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="12"] .circle .mask.full,
.radial-progress[data-progress="12"] .circle .fill {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="12"] .circle .fill.fix {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="13"] .circle .mask.full,
.radial-progress[data-progress="13"] .circle .fill {
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
.radial-progress[data-progress="13"] .circle .fill.fix {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="14"] .circle .mask.full,
.radial-progress[data-progress="14"] .circle .fill {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="14"] .circle .fill.fix {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="15"] .circle .mask.full,
.radial-progress[data-progress="15"] .circle .fill {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
.radial-progress[data-progress="15"] .circle .fill.fix {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="16"] .circle .mask.full,
.radial-progress[data-progress="16"] .circle .fill {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="16"] .circle .fill.fix {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="17"] .circle .mask.full,
.radial-progress[data-progress="17"] .circle .fill {
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.radial-progress[data-progress="17"] .circle .fill.fix {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="18"] .circle .mask.full,
.radial-progress[data-progress="18"] .circle .fill {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="18"] .circle .fill.fix {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="19"] .circle .mask.full,
.radial-progress[data-progress="19"] .circle .fill {
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.radial-progress[data-progress="19"] .circle .fill.fix {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="20"] .circle .mask.full,
.radial-progress[data-progress="20"] .circle .fill {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="20"] .circle .fill.fix {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="21"] .circle .mask.full,
.radial-progress[data-progress="21"] .circle .fill {
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.radial-progress[data-progress="21"] .circle .fill.fix {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="22"] .circle .mask.full,
.radial-progress[data-progress="22"] .circle .fill {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="22"] .circle .fill.fix {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="23"] .circle .mask.full,
.radial-progress[data-progress="23"] .circle .fill {
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.radial-progress[data-progress="23"] .circle .fill.fix {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="24"] .circle .mask.full,
.radial-progress[data-progress="24"] .circle .fill {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="24"] .circle .fill.fix {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="25"] .circle .mask.full,
.radial-progress[data-progress="25"] .circle .fill {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.radial-progress[data-progress="25"] .circle .fill.fix {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="26"] .circle .mask.full,
.radial-progress[data-progress="26"] .circle .fill {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="26"] .circle .fill.fix {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="27"] .circle .mask.full,
.radial-progress[data-progress="27"] .circle .fill {
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.radial-progress[data-progress="27"] .circle .fill.fix {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="28"] .circle .mask.full,
.radial-progress[data-progress="28"] .circle .fill {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="28"] .circle .fill.fix {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="29"] .circle .mask.full,
.radial-progress[data-progress="29"] .circle .fill {
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.radial-progress[data-progress="29"] .circle .fill.fix {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="30"] .circle .mask.full,
.radial-progress[data-progress="30"] .circle .fill {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="30"] .circle .fill.fix {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="31"] .circle .mask.full,
.radial-progress[data-progress="31"] .circle .fill {
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
.radial-progress[data-progress="31"] .circle .fill.fix {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="32"] .circle .mask.full,
.radial-progress[data-progress="32"] .circle .fill {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="32"] .circle .fill.fix {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="33"] .circle .mask.full,
.radial-progress[data-progress="33"] .circle .fill {
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.radial-progress[data-progress="33"] .circle .fill.fix {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="34"] .circle .mask.full,
.radial-progress[data-progress="34"] .circle .fill {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="34"] .circle .fill.fix {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="35"] .circle .mask.full,
.radial-progress[data-progress="35"] .circle .fill {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
.radial-progress[data-progress="35"] .circle .fill.fix {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="36"] .circle .mask.full,
.radial-progress[data-progress="36"] .circle .fill {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="36"] .circle .fill.fix {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="37"] .circle .mask.full,
.radial-progress[data-progress="37"] .circle .fill {
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
.radial-progress[data-progress="37"] .circle .fill.fix {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="38"] .circle .mask.full,
.radial-progress[data-progress="38"] .circle .fill {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="38"] .circle .fill.fix {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="39"] .circle .mask.full,
.radial-progress[data-progress="39"] .circle .fill {
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.radial-progress[data-progress="39"] .circle .fill.fix {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="40"] .circle .mask.full,
.radial-progress[data-progress="40"] .circle .fill {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="40"] .circle .fill.fix {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="41"] .circle .mask.full,
.radial-progress[data-progress="41"] .circle .fill {
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.radial-progress[data-progress="41"] .circle .fill.fix {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="42"] .circle .mask.full,
.radial-progress[data-progress="42"] .circle .fill {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="42"] .circle .fill.fix {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="43"] .circle .mask.full,
.radial-progress[data-progress="43"] .circle .fill {
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.radial-progress[data-progress="43"] .circle .fill.fix {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="44"] .circle .mask.full,
.radial-progress[data-progress="44"] .circle .fill {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="44"] .circle .fill.fix {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="45"] .circle .mask.full,
.radial-progress[data-progress="45"] .circle .fill {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
.radial-progress[data-progress="45"] .circle .fill.fix {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="46"] .circle .mask.full,
.radial-progress[data-progress="46"] .circle .fill {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="46"] .circle .fill.fix {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="47"] .circle .mask.full,
.radial-progress[data-progress="47"] .circle .fill {
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
.radial-progress[data-progress="47"] .circle .fill.fix {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="48"] .circle .mask.full,
.radial-progress[data-progress="48"] .circle .fill {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="48"] .circle .fill.fix {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="49"] .circle .mask.full,
.radial-progress[data-progress="49"] .circle .fill {
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.radial-progress[data-progress="49"] .circle .fill.fix {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="50"] .circle .mask.full,
.radial-progress[data-progress="50"] .circle .fill {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="50"] .circle .fill.fix {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="51"] .circle .mask.full,
.radial-progress[data-progress="51"] .circle .fill {
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.radial-progress[data-progress="51"] .circle .fill.fix {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.radial-progress[data-progress="52"] .circle .mask.full,
.radial-progress[data-progress="52"] .circle .fill {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="52"] .circle .fill.fix {
  -webkit-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.radial-progress[data-progress="53"] .circle .mask.full,
.radial-progress[data-progress="53"] .circle .fill {
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.radial-progress[data-progress="53"] .circle .fill.fix {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.radial-progress[data-progress="54"] .circle .mask.full,
.radial-progress[data-progress="54"] .circle .fill {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="54"] .circle .fill.fix {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.radial-progress[data-progress="55"] .circle .mask.full,
.radial-progress[data-progress="55"] .circle .fill {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}
.radial-progress[data-progress="55"] .circle .fill.fix {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
.radial-progress[data-progress="56"] .circle .mask.full,
.radial-progress[data-progress="56"] .circle .fill {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="56"] .circle .fill.fix {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.radial-progress[data-progress="57"] .circle .mask.full,
.radial-progress[data-progress="57"] .circle .fill {
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.radial-progress[data-progress="57"] .circle .fill.fix {
  -webkit-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.radial-progress[data-progress="58"] .circle .mask.full,
.radial-progress[data-progress="58"] .circle .fill {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="58"] .circle .fill.fix {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.radial-progress[data-progress="59"] .circle .mask.full,
.radial-progress[data-progress="59"] .circle .fill {
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.radial-progress[data-progress="59"] .circle .fill.fix {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.radial-progress[data-progress="60"] .circle .mask.full,
.radial-progress[data-progress="60"] .circle .fill {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="60"] .circle .fill.fix {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
.radial-progress[data-progress="61"] .circle .mask.full,
.radial-progress[data-progress="61"] .circle .fill {
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.radial-progress[data-progress="61"] .circle .fill.fix {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.radial-progress[data-progress="62"] .circle .mask.full,
.radial-progress[data-progress="62"] .circle .fill {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="62"] .circle .fill.fix {
  -webkit-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.radial-progress[data-progress="63"] .circle .mask.full,
.radial-progress[data-progress="63"] .circle .fill {
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.radial-progress[data-progress="63"] .circle .fill.fix {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.radial-progress[data-progress="64"] .circle .mask.full,
.radial-progress[data-progress="64"] .circle .fill {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="64"] .circle .fill.fix {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.radial-progress[data-progress="65"] .circle .mask.full,
.radial-progress[data-progress="65"] .circle .fill {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}
.radial-progress[data-progress="65"] .circle .fill.fix {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
.radial-progress[data-progress="66"] .circle .mask.full,
.radial-progress[data-progress="66"] .circle .fill {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="66"] .circle .fill.fix {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.radial-progress[data-progress="67"] .circle .mask.full,
.radial-progress[data-progress="67"] .circle .fill {
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
.radial-progress[data-progress="67"] .circle .fill.fix {
  -webkit-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.radial-progress[data-progress="68"] .circle .mask.full,
.radial-progress[data-progress="68"] .circle .fill {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="68"] .circle .fill.fix {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.radial-progress[data-progress="69"] .circle .mask.full,
.radial-progress[data-progress="69"] .circle .fill {
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.radial-progress[data-progress="69"] .circle .fill.fix {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.radial-progress[data-progress="70"] .circle .mask.full,
.radial-progress[data-progress="70"] .circle .fill {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="70"] .circle .fill.fix {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
.radial-progress[data-progress="71"] .circle .mask.full,
.radial-progress[data-progress="71"] .circle .fill {
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.radial-progress[data-progress="71"] .circle .fill.fix {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.radial-progress[data-progress="72"] .circle .mask.full,
.radial-progress[data-progress="72"] .circle .fill {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="72"] .circle .fill.fix {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.radial-progress[data-progress="73"] .circle .mask.full,
.radial-progress[data-progress="73"] .circle .fill {
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.radial-progress[data-progress="73"] .circle .fill.fix {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.radial-progress[data-progress="74"] .circle .mask.full,
.radial-progress[data-progress="74"] .circle .fill {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="74"] .circle .fill.fix {
  -webkit-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.radial-progress[data-progress="75"] .circle .mask.full,
.radial-progress[data-progress="75"] .circle .fill {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.radial-progress[data-progress="75"] .circle .fill.fix {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.radial-progress[data-progress="76"] .circle .mask.full,
.radial-progress[data-progress="76"] .circle .fill {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="76"] .circle .fill.fix {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.radial-progress[data-progress="77"] .circle .mask.full,
.radial-progress[data-progress="77"] .circle .fill {
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.radial-progress[data-progress="77"] .circle .fill.fix {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.radial-progress[data-progress="78"] .circle .mask.full,
.radial-progress[data-progress="78"] .circle .fill {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="78"] .circle .fill.fix {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.radial-progress[data-progress="79"] .circle .mask.full,
.radial-progress[data-progress="79"] .circle .fill {
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
.radial-progress[data-progress="79"] .circle .fill.fix {
  -webkit-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.radial-progress[data-progress="80"] .circle .mask.full,
.radial-progress[data-progress="80"] .circle .fill {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="80"] .circle .fill.fix {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  transform: rotate(288deg);
}
.radial-progress[data-progress="81"] .circle .mask.full,
.radial-progress[data-progress="81"] .circle .fill {
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.radial-progress[data-progress="81"] .circle .fill.fix {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.radial-progress[data-progress="82"] .circle .mask.full,
.radial-progress[data-progress="82"] .circle .fill {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="82"] .circle .fill.fix {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.radial-progress[data-progress="83"] .circle .mask.full,
.radial-progress[data-progress="83"] .circle .fill {
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.radial-progress[data-progress="83"] .circle .fill.fix {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.radial-progress[data-progress="84"] .circle .mask.full,
.radial-progress[data-progress="84"] .circle .fill {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="84"] .circle .fill.fix {
  -webkit-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.radial-progress[data-progress="85"] .circle .mask.full,
.radial-progress[data-progress="85"] .circle .fill {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}
.radial-progress[data-progress="85"] .circle .fill.fix {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  transform: rotate(306deg);
}
.radial-progress[data-progress="86"] .circle .mask.full,
.radial-progress[data-progress="86"] .circle .fill {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="86"] .circle .fill.fix {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.radial-progress[data-progress="87"] .circle .mask.full,
.radial-progress[data-progress="87"] .circle .fill {
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.radial-progress[data-progress="87"] .circle .fill.fix {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.radial-progress[data-progress="88"] .circle .mask.full,
.radial-progress[data-progress="88"] .circle .fill {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="88"] .circle .fill.fix {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.radial-progress[data-progress="89"] .circle .mask.full,
.radial-progress[data-progress="89"] .circle .fill {
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
.radial-progress[data-progress="89"] .circle .fill.fix {
  -webkit-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.radial-progress[data-progress="90"] .circle .mask.full,
.radial-progress[data-progress="90"] .circle .fill {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="90"] .circle .fill.fix {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  transform: rotate(324deg);
}
.radial-progress[data-progress="91"] .circle .mask.full,
.radial-progress[data-progress="91"] .circle .fill {
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.radial-progress[data-progress="91"] .circle .fill.fix {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.radial-progress[data-progress="92"] .circle .mask.full,
.radial-progress[data-progress="92"] .circle .fill {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="92"] .circle .fill.fix {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.radial-progress[data-progress="93"] .circle .mask.full,
.radial-progress[data-progress="93"] .circle .fill {
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.radial-progress[data-progress="93"] .circle .fill.fix {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.radial-progress[data-progress="94"] .circle .mask.full,
.radial-progress[data-progress="94"] .circle .fill {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="94"] .circle .fill.fix {
  -webkit-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.radial-progress[data-progress="95"] .circle .mask.full,
.radial-progress[data-progress="95"] .circle .fill {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}
.radial-progress[data-progress="95"] .circle .fill.fix {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  transform: rotate(342deg);
}
.radial-progress[data-progress="96"] .circle .mask.full,
.radial-progress[data-progress="96"] .circle .fill {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="96"] .circle .fill.fix {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.radial-progress[data-progress="97"] .circle .mask.full,
.radial-progress[data-progress="97"] .circle .fill {
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.radial-progress[data-progress="97"] .circle .fill.fix {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.radial-progress[data-progress="98"] .circle .mask.full,
.radial-progress[data-progress="98"] .circle .fill {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="98"] .circle .fill.fix {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.radial-progress[data-progress="99"] .circle .mask.full,
.radial-progress[data-progress="99"] .circle .fill {
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.radial-progress[data-progress="99"] .circle .fill.fix {
  -webkit-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.radial-progress[data-progress="100"] .circle .mask.full,
.radial-progress[data-progress="100"] .circle .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="100"] .circle .fill.fix {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* == STIL COLECTII == */
#Colectii {
    position: relative;
}
#topNavColectii {
    border-bottom: 1px dotted #ed3131;
    margin-top: -5px;
    background-color: white;
    font-weight: 600;
    opacity: 0.9;
}
#bodyColectii {
    margin-top: 10px;
}
@media (min-width: 768px){
    #topNavColectii {
        position: fixed;
        max-width: 552px;
    }
    #bodyColectii {
        margin-top: 50px;
    }
}
@media (min-width: 992px) {
    #topNavColectii {
        max-width: 717px;
    }
}
@media (min-width: 1200px) {
    #topNavColectii {
        max-width: 965px;
    }
}
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message {
  padding: 5px 10px;
 text-align: center;
}

#multiple-datasets .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-menu {
  text-align: right;
}
#gModeleCoperti a>div>div {
    text-align: center;
}
.allEmail {
    position: absolute;
    background-color: #555;
    color: #FFF;
    padding: 3px 7px;
    border-radius: 5px;
    top: 0;
    left: 0;
    white-space: nowrap;
}
.allEmail>i.glyphicon {
    color: #999;
    margin-left: 5px;
}
.allEmail>i.glyphicon:hover {
    color: #FFF;
    cursor: pointer;
}

#lista-cereri tr>td:nth-of-type(5) {
    max-width: 0;
    width: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 42px;
}
#lista-cereri tr>td:nth-of-type(6) {
    min-width: 84px;
    max-width: 100px;
}
#lista-cereri .actions {
    position: absolute;
    top: 3px;
    left: 10px;
    text-align: center;
    visibility: hidden;
}
#lista-cereri td:hover .actions {
    visibility: initial;
}
#lista-cereri .dublura>td {
    background-color: #FBB;
}

.raport article {
  /* font-size: 1.5rem; */
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0;
}
.raport article legend {
  float: left;
  text-align: left;
  font-size: 1.4rem;
  width: auto;
  border-bottom: none;
}
.raport article legend .header {
  background-color: rgb(50,50,50);
  color: white;
}
.raport article legend .header>th:hover {
  cursor: pointer;
  background-color: rgba(255,255,255,.3);
}
.raport article legend td,
.raport article legend th {
  padding: 1px 10px;
}
.raport article legend .total>td {
  border-top: 1px solid #e5e5e5;
  font-weight: bolder;
}
.raport article .my-chart-container {
  position: relative;
  float: left;
  width: 70%;
  padding: 20px 5px;
}
.raport article .ajax-loader {
  margin-left: -10px;
}
.raport .form-inline .dropdown {
  margin-top: 2px;
}

@media(min-width: 1200px) {
  .raport article .my-chart-container {
    width: 80%;
  }
}