*{box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box}
header ul{    line-height: 60px;list-style: none;padding:0;margin:0}header ul li{position:relative}
.menu-subheader{opacity:1;
    position: absolute;
    top: -300px;
    width: 280px;right:15px;
    background: #fff;border:1px solid #ddd}
button{border:none;outline: none}
header ul li:hover .menu-sub{display:block}
.one{width:12%}
.two{width:24%}
.three{width:30%}
.third{width:40%;height:100%;background:#fff;text-align:center;position:relative}
.login .six{height:100%;position:relative}
.login .six:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;    background: url(images/back.png) no-repeat center center;
    background-size: cover;opacity:.3}
.absolute-center{position:absolute;width:70%;top:50%;left:50%;transform: translate(-50%,-50%);z-index:9}
.six .absolute-center{width:60%}
.login h1{font-size: 21px;
    font-weight: normal;margin-bottom:20px}
.call-news{    line-height: 30px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 0 25px;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;transition:all .3s ease-in-out}
.bullets{    justify-content: center;list-style: none;padding:0;margin:20px 0 0 0}
.bullets li{width:10px;height:10px;position:relative;margin-right:15px;cursor:pointer}
.bullets li:last-child{margin-right:0}
.bullets li:before{content:"";width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;background:#fff;opacity:.6;transition:all .3s ease-in-out}
.bullets li.current-view{cursor:auto}
.news-image{max-width:500px;height:auto;margin-bottom:20px}
.bullets li.current-view:before,.bullets li:hover:before{opacity:1}
.call-news:hover{background:#fff;color:#003156}
.four{width:48%}
.five{width:60%}
.six{width:72%}
.seven{width:84%}
.full{width:100%}
.flex{display:flex;align-items: flex-start}
.wrap{flex-wrap: wrap}
.space{justify-content:space-between}
.client-list{text-align:left}
.red{color:#EE6352}
.red-back{background:#EE6352}
.lightblue{color:#0075fe}
.lightblue-back{background:#0075fe}
.darkblue{color:#003156}
.darkblue-back{background:#003156}
.green{color:#31c575}
.green-back{background:#31c575}
.darkgreen-back{background:#419669}
.add-wrapper.green-back:before{background:#419669 !important}
.white{color:#fff}.client div{line-height:28px}
.status span{text-align:center;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    clear: both;
    display: inline-block;
    width: 80px;}
.status a{line-height: 20px;
    font-size: 85%;display:block;clear:both}
.specs{display: block;
    font-size: 13px;
    text-transform: none;
    font-weight: normal;
    Line-height: 18px;
    padding-top: 5px;}
.reofertata,.creata{background:#f92e88}
.pregatita{background:#fa6729}
.acceptata,.livrata{background:#31c575}
.anulata,.respinsa{background:#e01b22;}
.trimisa,.inlivrare{    background: #7851d1;}
.tiparita{background:#818181}
.stearsa{background:#2a2a2a}
img{max-width:100%}
.pagina{padding-top:60px}
.d-block-content{margin: 10px 0px;width:33.3334%;
    border-right: 1px solid #e7e7e7;
	padding:0 20px;}.d-block-content:nth-child(3n+3),.d-block-content:last-child{border:none}
.dashboard h2,.dashboard h3{text-align:left}
.pagina header{padding: 0 !important;position:fixed;left:0;top:0;background:#fff;box-shadow: #0031564d 0 1px 3px 0;height:60px !important;width:100%;z-index:99}
.content{width: calc(100% - 200px);
    padding: 30px;
    margin-left: 200px;}
.login .content{width:100%;margin:0;text-align:center;padding:0;height:100vh}
.d-list{list-style: none;font-size:14px;padding:0}.d-list li,.hint{display:flex;flex-wrap:wrap;justify-content: space-between;line-height:28px}
.hint{border-bottom:1px solid #e7e7e7;font-size:13px;padding-bottom:10px}
.rowhead{    list-style: none;
    padding: 0;
    font-size: 14px;
    opacity: .8;}
.ofertari .rowhead,.comenzi .rowhead{    list-style: none;
    padding: 0;
    font-size: 14px;
    opacity: 1;
    position: sticky;
    top: 60px;
    line-height: 40px;
    background: #292a30;
    z-index: 99;
    color: #fff;
    border-radius: 0;
    margin: 0;}
.add-wrapper{    padding: 0;display: inline-block;
    line-height: 40px;
    text-align: left;
    font-size: 13px;padding-right:20px;cursor:pointer;
    margin: 10px;border-radius:20px;color:#fff;position:relative;z-index:1;overflow:hidden}
.add-wrapper:before{content:"";border-radius:20px;width:100%;height:100%;background:#003156;left:-100%;top:0;transition:all .3s ease-in-out;position:absolute;z-index:-1}
.message-body{width:220px}
.message-buttons{width:14px;text-align:right}
.message-buttons i{font-size: 14px !important;
    margin-bottom: 5px;
	text-align: center;opacity:.7;cursor:pointer}.message-buttons i:hover{opacity:1}
.head-table{line-height:50px;padding:10px 20px;border: 1px solid #dadce0;border-top-left-radius:5px;border-top-right-radius:5px;font-size:14px}
.page{padding:10px 20px;border-left: 1px solid #dadce0;border-right: 1px solid #dadce0;}
.ofertari .page,.comenzi .page{padding:0}
.dashboard{padding:0}
.row{padding:0 10px;}
.ofertari .row,.comenzi .row{padding:0}
section{border-radius:5px;background:#fff}
.client{border-top: 1px solid #dadce0;padding:15px 0}
.client:hover{background:rgb(0,0,0,0.02)}
.subtotalCat{border-bottom: 1px solid #dadce0}
.client:last-child{border-bottom: none}
.subtotalCat{font-weight: bold;padding:15px 0}
.client div,.rowhead li{flex: 0.5}
.rowhead li:nth-child(2),.client .clientname{flex:1}
.products .rowhead li:nth-child(2),.products .client .clientname{flex:1.5}
.rowhead li:first-child,.client .crt{flex:0.35}

.rowhead li,.client div{text-align:center;font-size:14px;padding: 0 5px;}
.rowhead li:nth-child(2),.client div:nth-child(2){text-align:left}
.logo img,.logo p{float:left}
.client div:nth-child(2){text-transform: uppercase;
    font-weight: bold;}
.tale-footer{padding:10px 20px}
.add{height:40px;width:40px;line-height:40px;text-align:center;border-radius:50%;display:block;cursor:pointer;margin-right:10px;float:left}
.paginare{margin:10px 15px}
.actions i{cursor:pointer}
.logo{padding: 10px 20px;    width: 200px;} .logo img{max-width:40px}
.login .logo img {
    max-width: 60px;
    float: none;
}.login .logo{        max-width: 120px;margin: 0 auto;
    text-align: center;
}.login .inputField{text-align:center}
.copyright{text-align:center}
.module-menu{flex:1}
.module-menu li{font-size:15px;color:#939ca9}
.module-menu li a{padding: 0 20px;
    display: block;border-bottom: 2px solid transparent;transition:all .2s ease-in-out}

.module-menu li.current a,.module-menu li a:hover{color:#1f9af2;border-color: #1f9af2}
.search{line-height: 30px;padding: 0 10px;margin-left: 20px;
    display: block;
    color: #ccc;
    border: 1px solid #ccc;
    height: 30px;
    border-radius: 15px;
    margin-top: 10px;}
.search input{background:transparent;height:30px;border:none;outline:none;font-size:12px}
.tagline{text-transform: uppercase;padding-left:10px;margin:0;line-height:40px}
.company-logo{width:30px;height:30px;display:block;margin:15px;line-height:30px}
.user-name{opacity:.8;font-size:14px;margin-left:15px;padding-left:15px;position:relative}
.user-name:before{content:"";background:#d7d7d7;height:20px;width:1px;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.company-logo img{min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;border-radius:50%}
.table-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border: 1px solid #dadce0;padding:10px 20px}
.hidden_menu a{display: block;
    line-height: 36px;
    font-size: 14px;
    border-bottom: 3px solid transparent;transition:all .3s ease-in-out}.hidden_menu a i{    width: 20px;
    text-align: center;margin-right:10px}
.form{padding:10px 20px}.notifications{position:relative;}.notifications i{cursor:pointer}
.notifications .new {
    width: 10px;
    height: 10px;
    background: #df5d51;
    display: block;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;opacity:0;transition:all 2s ease-in-out;
	-webkit-animation: size 1s infinite; /* Safari 4+ */
  -moz-animation:    size 1s infinite; /* Fx 5+ */
  -o-animation:      size 1s infinite; /* Opera 12+ */
  animation:         size 1s infinite
}
.notifications i{font-size:18px}.discountTotal select,.discountTotal input[type=text]{outline:0}
.discountTotal select{border-left:0}.discountTotal input[type=text]{border-right:0;max-width:300px}.inputField.discountTotal label{line-height:30px}.discountTotal,.preview-button{    align-items: flex-end;
	justify-content: flex-end;}.preview-button{margin-top:20px}
.importCsv{padding: 20px 60px 20px 20px;
    border: 1px solid #eaeaea;
    position: absolute;
    background: #fff;
   right: 0;
    top: 65px;
    z-index: 99;display:none;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    transition: top .2s ease-in-out;
    opacity: 0;}
.vizibil{opacity: 1;height:auto;display:block;
    top: 80px;}
.importCsv .close-parent{    width: 24px;
    height: 24px;line-height:24px;border:none}
@-moz-keyframes size {
  0%   { width:6px;height:6px }
	60% { width:10px;height:10px }
  100% { width:10px;height:10px }
}
@-moz-keyframes size {
  0%   { width:6px;height:6px }60% { width:10px;height:10px }
  100% { width:10px;height:10px }
}
@-o-keyframes size {
  0%   { width:6px;height:6px }60% { width:10px;height:10px }
  100% { width:10px;height:10px }
}
@keyframes size {
  0%   { width:6px;height:6px }60% { width:10px;height:10px }
  100% { width:10px;height:10px }
}
.notifications .received{opacity:1}
.messages{opacity:0;position:absolute;top:-800px;z-index:98;width: 300px;
    right: -15px;
    background: #fff;
    font-size: 13px;
    line-height: 16px;
    border: 1px solid #d7d7d7;
    padding: 20px;
    text-align: left;
    border-radius: 5px;}
.messages li{border-bottom: 1px solid #d7d7d7;
    padding: 5px;padding-bottom: 15px;
    margin-bottom: 15px;
}.messages li:last-child{padding-bottom: 0;border:none;margin-bottom:0}
.message-text{margin-bottom:5px}
.message-sender{font-weight: bold;
    font-size: 12px;float:left}
.message-date{float:right;font-size:12px;opacity:.8}
.messages li:after,.user-data:after{content:"";display:block;width:100%;height:1px;clear:both}
.messages span{display:block}
.show{opacity:1;top:50px}.menu-subheader.show{top:55px}
.user-data{line-height:18px;display:block;width:100%;border-bottom:1px solid #d7d7d7}
.user-data a{font-size:13px;width:160px;text-align:left;display:inline-block}
.user-data .company-name{    height: 20px;
    line-height: 20px;
    display: inline-block;
    width: 160px;margin-top:20px;
    text-align: left;}
.user-data .company-logo{    width: 50px;
    height: 50px;
    float: left;}
.users{cursor:pointer}
.side-menu{ z-index: 2;   width: 200px;
    color: #fff;
    min-height: 100vh;
    padding: 10px 0;
    position: fixed;
	top: 60px;}.side-menu ul{margin:0;padding:0}
.menu-subheader li{line-height:48px;transition:all .2s ease-in-out;font-size:14px}
.menu-subheader li.user-data{line-height:18px;font-size:16px}
.menu-subheader li a{padding:0 20px;display:block}
.menu-subheader li a i{margin-right:5px}
.menu-subheader li:hover{background:rgb(0,0,0,0.02);color:#003156}
.menu-subheader li.user-data:hover{background:transparent;color:inherit}
.menu-subheader li.user-data a{padding:0;display:inline-block}
.side-menu ul li{list-style: none;margin:0;text-align:left;position:relative}.side-menu ul a{padding:0 20px;}
.menu-subheader li:last-child a{opacity:.7}
.menu-sub{position: absolute;
    left: 95%;
    top: -10px;
    width: 100%;
    background: #34465c;visibility: hidden;
	z-index: -1;opacity:0;transition:all .2s ease-in-out}.side-menu li:hover .menu-sub{opacity:1;left:100%;z-index:97;visibility: visible}
.messages:after,.menu-subheader:after{    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg) skew(10deg, 10deg);
    top: -6px;
    right: 17px;
    border: 1px solid #d7d7d7;
    display: block;
    position: absolute;
    border-bottom: transparent;
	border-right: transparent;}.menu-subheader:after{    top: -6.5px;right:8px} 
.popup-client{position: fixed;
    opacity: 0;
    transition: all .1s ease-in-out;
    left: calc(50% + 100px);
    top: -30%;
    width: 80%;
    max-width: 1000px;
    background: #f7fbfc;
    transform: translate(-50%,-50%);
    padding: 15px;
    border-radius: 10px;
    z-index: -1;    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    transition: all .2s ease-in-out;
}.popup-client.show{top:50%;z-index:9999;opacity:1}.opener,.klose{cursor:pointer}.klose{position:fixed;top:10px;right:10px;background:#fff;border:1px solid #ccc;color:#ccc;width:36px;height:36px;text-align:center;line-height:36px;display:block}
.inputField label{    letter-spacing: .5px;
    font-weight: bold;font-size:14px;line-height:36px;margin-right:10px}
.login .inputField label{font-weight:normal;font-size:13px}
.select2-container--default .select2-selection--single .select2-selection__rendered{    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-transform: uppercase;
	padding-right: 50px;}.select2-container .select2-selection--single{height:36px}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dadce0;
	border-radius: 4px;}
.select2-container--default{
   width:auto !important;min-width:300px

}.inputField{text-align:left}
.inputField .add-wrapper {
    display: inline-block;
    line-height: 36px;
    text-align: left;
    font-size: 13px;
    padding-right: 20px;
    margin: 0 10px;
    border-radius: 20px;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 36px;
}
.inputField .add {
    height: 36px;
    width: 36px;line-height:36px;
  
    text-align: center;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    margin-right: 10px;
    float: left;
}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-width: 6px 5px 0 5px;margin-left: -8px;margin-top:1px}
.section-top{padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #dadce0}textarea,input{font-family: 'Muli', sans-serif;}

.inputField textarea,.email-form textarea{
	width: 100%;
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 4px;
    min-height: 90px;
    resize: vertical;
    outline: 0;
	padding:10px
    
}.email-form textarea{margin-bottom:15px}
.signature table{    min-width: 360px;}
input[name="sign-seller"] {
 font-weight:bold
}.email-form label{    color: #000;
    line-height: 24px;
    font-size: 13px;}
.email-form label input{width:100%;border-radius: 4px;padding: 10px;min-height:unset;margin-bottom:15px;outline:none;border: 1px solid #dadce0;}
.signature input{width: 100%;background-color: transparent;border:none;    height: 18px;
    line-height: 18px;padding:0 10px}
.clientname textarea{min-height: auto}
.etiqueta {
    display: block;
    position: relative;
   padding-left: 24px;
    line-height: 36px;
    font-size: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.etiqueta input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    left: 0;
      height: 14px;
    width: 14px;
    top: 11px;
    border: 1px solid #d6d4d4;border-radius:3px
}
.etiqueta .checkmark:after {left: 35%;
    top: -4px;
    width: 50%;
    height: 100%;
    
    border: solid #1f9af2;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.etiqueta input:checked ~ .checkmark:after {
    display: block;
}
.login .inputField input{width:100%;border-radius:5px;height:42px;line-height:42px;outline:none}
.instructiuni {font-size: 12px;
    display: block;
    line-height: 18px;opacity:.8;margin-top:-6px}
.client input[type=text],.client select{width: 70%;
    text-align: center;outline:none}
.clientname input[type=text]{border: none;
    outline: none;
    font-weight: bold;width:100%;text-align:left}
.recalculateselect{display:inline;width:auto !important}
.p-discount{font-size: 13px;
    font-weight: normal;
    text-transform: none;
    margin-right: 0;
	width: 100%;display:flex;flex-wrap:wrap}
.p-discount .etiqueta{width:100%}
.p-discount input[type=text],.p-discount select{padding: 0px 5px;width:50% !important}
.p-discount input[type=text]{border-right:0}
.p-discount select{border-left:none}
.products .rowhead{border-top: 1px solid #dadce0;
    padding: 15px 0;}
.products h3{    padding: 20px;}
.prodrow label{text-transform:none;font-weight:normal;font-size:10px;line-height: 16px;
    padding: 0 0 0 16px;margin:0;margin-top:5px}
.prodrow label .checkmark{position: absolute;
    left: 0;
    height: 10px;
    width: 10px;
    top: 2px;
    border: 1px solid #d6d4d4;
}
.totalGeneral{text-transform: uppercase}
.totalGeneral div{text-align:right;line-height:36px} .totalGeneral span{width: 100px;
    display: inline-block;border-bottom:1px solid #e5e5e5;font-weight:bold}

.pdf-parent{    position: fixed;background:rgb(0,0,0,0.3);
   width: calc(100% - 200px);padding:20px 5%;
    height: 100%;
    z-index: 99;
    display: none;
    left: 200px;
    top: 60px;}
.pdf-preview{    overflow-x: hidden;margin: 0 auto;position:relative;
    max-width: 1000px;padding: 10px 20px;height:80%;overflow-y:scroll;background:#fff; border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;}
.pdf-parent.show{display:block}
.overflow-hidden{overflow:hidden}
.pdf-header,.email-header,.email-footer{   margin: 0 auto;
    max-width: 1000px;background: #f2f5f9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px;position:relative}
.email-footer{  border-top-left-radius: 0px;
    border-top-right-radius: 0px;  border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;}
.pdf{    border: 1px solid #ccc;
    padding: 10px;}
.close-preview,.close-parent,.close-email{   cursor:pointer; position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #1f9af2;
    display: block;color:#1f9af2;border-radius:5px;
    width: 32px;
    height: 32px;
    font-size: 18px;transition:all .3s ease-in-out;
    text-align: center;
    line-height: 32px;
    background: #fff;}
.getcall{border-radius:5px;display:inline-block;padding:5px 15px;color:#1f9af2;background:#fff;border:1px solid #1f9af2;margin-right:10px;cursor:pointer;transition:all .3s ease-in-out;font-size:13px;text-transform:uppercase;line-height:24px}
.getcall:hover,.close-preview:hover,.close-parent:hover,.close-email:hover{background:#1f9af2;color:#fff}.getcall i{margin-right:5px}
.login .inputField input[type=submit]{outline:none;cursor:pointer}
.not-clickable{background: #ebebeb;
    color: #939393;
    border: 1px solid;
    cursor: not-allowed;pointer-events:none;}
.lds-dual-ring {
  display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 8px;
}
.lds-dual-ring:after {
  content: " ";
    display: block;
    width: 12px;
    height: 12px;
    margin: 4px;
    border-radius: 50%;
    border: 2px solid #1f9af2;
    border-color: #1f9af2 transparent #1f9af2 transparent;
	animation: lds-dual-ring 1.2s linear infinite;}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.actions{position:relative}
.actions i{width: 24px;
    height: 24px;
    line-height: 23px;
    font-size: 21px;
	border-top-left-radius: 5px;border-top-right-radius: 5px;border:1px solid transparent}
.actions:hover i{border:1px  solid #e8e8e8;border-bottom:none;
    background: #fcfbfe}
.actions:hover .actioni i{background:transparent;border:1px solid transparent}
.actions .actioni i{font-size:13px ;padding-right:5px}
.actioni{position: absolute;
       transform: translateX(-118px);left:50%;
    top: 23px;
    width: 130px;
    list-style: none;
    text-align: left;
    background: #fcfbfe;border:1px  solid #e8e8e8;
    padding: 10px 30px 10px 20px;text-transform: capitalize;
    line-height: 30px;
    margin: 0;
visibility:hidden;opacity:0;transition:all .1s ease-in;
	height:0;font-size:13px;z-index:-1
}
.actioni li{visibility: hidden;cursor:pointer}.actioni li:hover{text-decoration: underline}
.actioni li a,.actioni li span{display:block}
.actions:hover{z-index:999;}
.actions:hover .actioni{height:auto;visibility: visible;opacity:1}.actions:hover .actioni li{visibility:visible}
#clientSummary{    font-size: 14px;
    font-weight: bold;}
.preclient{font-weight:normal}
.not-load{display:none}
.email-send-box{visibility:hidden;opacity:0;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);
    width: 100%;height:100%}
.notify{visibility:hidden;opacity:0}
.email-send-box.visible{visibility: visible;opacity:1;}
.notify.visible{top:unset}
.email-send-box:before{content:"";background:rgb(0,0,0,0.75);display:block;width:100%;height:100%;position:absolute;z-index:-1}
.email-send{position:absolute;width:60%;height:auto; top: 40%;transition:all .2s ease-in-out;
    left: 50%;
    z-index: 999;
    transform: translate(-50%,-50%);opacity:0}
.email-send-box.visible .email-send{top:50%;opacity:1}
.email-header,.email-form,.email-footer{padding:15px 25px}
.email-form{background:#fff;}
.forgot{font-size: 13px;font-weight:bold;
	line-height: 36px;}.forgot:hover{text-decoration: underline}
.login .etiqueta{padding-left:20px;
    font-size: 13px;
    color: #7c7c7c;}
.date,.status{position:relative}
.hideme{position: absolute;
    visibility: hidden;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #d7d7d7;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;opacity:.5;transition:all .3s ease-in-out
}.date:hover .hideme,.status:hover .hideme{visibility:visible;opacity:1;top:35px;z-index:99}
.date:hover,.statu:hover{cursor: context-menu}
.hideme:after{content: "";
    width: 10px;
    height: 10px;
    background: #fff;
        transform: rotate(45deg) skew(10deg, 10deg) translateX(-50%);
    top: -2px;
    left:50%;
    border: 1px solid #d7d7d7;
    display: block;
    position: absolute;
    border-bottom: transparent;
    border-right: transparent;
}

.accountDetails input{   width: 100%;
    background-color: #fff;
    border: 1px solid #dadce0;
 height: 40px;
    resize: vertical;
    outline: 0;
    padding: 0 10px;border-radius:3px;margin-top:5px
} 
.accountDetails label
{    display: block;
    margin-bottom: 20px;
    font-size: 14px;}
.droparea{ cursor:pointer;   min-height: 200px;
    text-align: center;position:relative;border:2px dashed #ccc;color:#ccc}
.droparea label{margin-bottom:10px}.addLogo em{margin-bottom:10px}.addLogo label{margin-bottom:10px}
.droparea i{font-size:24px}
@media screen and (min-width: 1001px){.add-wrapper:hover:before{left:0}.hidden_menu a:hover{color:#fff;background:#1f9af2}}
@media screen and (max-width: 1000px){
	.third{width:100%}.login .six{display: none}
	.content {
		width: 100%;padding:10px;margin-left:0}.d-block-content{width:100%;border-right:0}
	.right{display: flex;
    justify-content: flex-end;}
	.module-menu,.side-menu{display:none}
	.notifications,.right{flex:1}.messages{right:-50px}.messages:after, .menu-subheader:after{right:52px}
	.logo {    height: 60px	}.login .logo{height:auto}
.logo img {
 max-width: none;
    height: 100%;
    width: auto;
	}
	.mobile_menu{    display: block;
    float: right;
    width: 36px;
    height: 20px;
    top: 50%;
    position: relative;
		transform: translateY(-50%);}
	.mobile_menu span{    display: block;
    width: 100%;
    height: 4px;
	background: #003156;
			margin-bottom:4px;transition:all .5s  ease-in-out}
	.mobile_menu.open span:nth-child(1){margin-top: 8px;transform: rotate(45deg);}
	.mobile_menu.open span:nth-child(3){margin-top: -16px;transform: rotate(-45deg);}
	.mobile_menu.open span:nth-child(2){background:transparent}
	.mobile_menu span:last-child{margin-bottom:0}
		
	.page{padding:0}.rowhead li:first-child, .client .crt {
    flex: 0.5;
	}.four{width:95%;margin:5px auto 10px}
	
}