*{box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px; margin: 0px;}
html,body{height: 100%; padding: 0px; margin: 0px; line-height: 100%;}
body{background: #f8f8f8; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #333333;}
img{max-width: 100%; height: auto;}

h1,h2,h3,h4,h5,h6{font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; width: 100%;}
p{font-size: 13px;}
a{display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration: none; color: #404040; cursor: pointer;}
a:hover{text-decoration: none;}

.placeholder{background: #e87300!important; list-style: none; margin: 3px 0px;}
/* DIALOG BOXES */

div[class^="dialog-box-"]{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; display: none;}
.dialog-bgr{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.75; z-index: 2;}
.dialog-inner{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.dialog-inner-box{box-shadow: 0px 0px 2px #888888; overflow-y: auto; z-index: 3333; max-width: 420px; width: 100%; max-height: 85%; margin-top: -100%; padding: 15px 20px; background: #ffffff; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.dialog-inner-box-on-air{margin-top: 0px!important;}
.dialog-inner-box article{border-bottom: 1px solid #bbbbbb; margin-bottom: 8px;}
.dialog-inner-box article h1{position: relative; padding-right: 30px; font-size: 21px; line-height: 100%; margin: 1px 0px 3px 0px; padding-bottom: 7px; border-bottom: 1px solid #bbbbbb;}
.dialog-inner-box article p{font-family: Arial, Helvetica, sans-serif; font-size: 13px;margin: 9px 0px 9px 0px; line-height: 17px; border-radius: 3px; background: #eeeeee; border: 1px solid #bbbbbb; padding: 6px 10px;}
.dialog-inner-box article p span{color: #008ec2; font-weight: bold;}
.dialog-inner-box article p span.dialog-information{display: inline-block; color: #666; font-weight: normal; font-size: 11px; font-style: italic; line-height: 14px; border-top: 1px dotted #bbb; padding-top: 5px; margin-top: 5px; }
.dialog-inner-box nav{justify-content: center;}

div[class^="form-box-"]{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; display: none;}
.form-bgr{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.75; z-index: 2;}
.form-inner{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px 15px;}
.form-inner-box{box-shadow: 0px 0px 2px #888888; overflow-y: auto; z-index: 3333; max-width: 650px; width: 100%; max-height: 85%; margin-top: -100%; padding: 0px; background: #ffffff; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.form-inner-box-on-air{margin-top: 0px!important;}
.form-inner-box .section-box:first-of-type{margin-top: 0px;}
.form-inner-box .section-box .section-box-inside{box-shadow: none;}
.form-inner-box .section-box .section-box-inside .section-content{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.form-inner-box .section-box .section-box-inside h2{position: relative; padding-right: 28px;}
.form-inner-box .section-box .section-box-inside h2 span.close-form{cursor: pointer; color: #333333; position: absolute; right: 0; font-size: 24px; top: -3px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.form-inner-box .section-box .section-box-inside h2 span.close-form:hover{color: #d90000;}
/* COLORS */
.hc-red{color: #d90000;}
.hc-blue{color: #008ec2;}

#radio-list{width: 100%; list-style: none; margin: 3px 5px 10px 5px;}
#radio-list li:first-child{border-top: 1px dotted #aaaaaa;}
#radio-list li{padding: 6px 0px; border-bottom: 1px dotted #aaaaaa; overflow: hidden;}
#radio-list li input{float: left; width: 16px; height: 16px; margin-right: 5px;}
#radio-list li label{float: left; display: contents;}
/* TITLES */
.page-title{margin: 0px; font-size: 24px; line-height: 28px; padding: 10px 0px;}

/* BUTTONS */
button, input[type=button], input[type=submit], input[type=reset] {text-align: left; font-size: 12px;font-weight: normal; position:relative; cursor: pointer; display: inline-block; border: 1px solid #cccccc; font-size: 11px; height: 26px; }
.submit-button-2{cursor: pointer; color: #ffffff;  background: #008ec2; display: inline-block; border: 1px solid #0099FF; padding: 3px 9px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.submit-button-2:hover{background: #00BBFF; border: 1px solid #00BBFF; color: #ffffff;}
.submit-button-3{cursor: pointer; color: #ffffff;  background: #a60000; display: inline-block; border: 1px solid #a60000; padding: 3px 9px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.submit-button-3:hover{background: #d90000; border: 1px solid #d90000; color: #ffffff;}
.submit-button-4{cursor: pointer; color: #ffffff;  background: #737d86; display: inline-block; border: 1px solid #737d86; padding: 3px 9px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.submit-button-4:hover{background: #000000; border: 1px solid #000000; color: #ffffff;}
.submit-button-2, .submit-button-3, .submit-button-4{font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform: uppercase; min-height: 26px!important; height: auto!important;}
.icon-button{font-size: 13px; line-height: 0px;}
.mini-button{min-height: 23px!important; padding: 2px 5px;}

/* FORMS */
.form-row{position: relative; margin-top: 8px;}
.form-label{font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; display: block; position: absolute; left: 0px; top: 1px; font-size: 10px; padding: 1px 11px; text-transform: uppercase; color: #555;}
.form-label span.required{float: left; font-size: 14px; position: relative; top: 2px; padding-right: 2px; color: #d90000; font-weight: bold;}
.form-input{height: 36px; padding: 16px 10px 5px 10px; color: #008ec2; font-size: 12px;}
.form-input-select{height: 36px; padding: 16px 25px 4px 10px; color: #008ec2; font-size: 12px; -moz-appearance: none; -webkit-appearance: none; background: url(/design/admin/mq-arrow-03-grey-down.png) no-repeat right 10px bottom 10px}
textarea.form-input{height: 100px; border-radius: 3px; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; font-size: 13px;}

/* LOGIN */
#login-box{background: url(/design/admin/background-admin-login-desktop.webp) no-repeat #000000 center top fixed; background-size: cover; width: 100%; height: 100%; display: flex; padding: 15px; position: fixed; left: 0px; top: 0px; justify-content: center; text-align: center; align-content: center;}
#login-box-inside{max-width: 240px; border-radius: 3px; display: flex; flex-flow: row wrap; justify-content: center; align-self: center; text-align: left;}
#login-box-inside-wrap{width: 100%;}
#login-box-inside-wrap section{width: 100%; border-radius: 3px; background: rgba(255, 255, 255, .95); padding: 10px 15px 12px 15px; box-shadow: 0px 0px 3px #333333; -moz-box-shadow: 0px 0px 3px #333333; -webkit-box-shadow: 0px 0px 3px #333333;}
#login-box-inside-wrap section h2{font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; padding-bottom: 10px; font-size: 18px; line-height: 18px; border-bottom: 1px dotted #AAAAAA;}
#form-content .form-row{margin-top: 10px;}
#login-footer{font-size: 11px; padding-top: 5px;}
#login-footer ul{list-style: none;}
#login-footer ul li{text-align: center; color: #ffffff;}
#login-footer ul li a{font-weight: bold; color: #aeaeae;}
#login-footer ul li a:hover{color: #0099FF;}
#login-footer ul li a i{font-size: 18px; margin: 3px; font-weight: normal;}

/* MAIN BLUE PRINT */
#block-main{max-width: 1600px; width: 100%; margin: auto; padding: 0px 15px;}

#main-footer{position: fixed; bottom: 0; right: 0; padding: 10px 15px; z-index: 3;}
#main-footer a{font-size: 32px; background: #ffffff; border-radius: 300px;  box-shadow: 0px 0px 3px #777; padding: 4px; line-height: 0px;}

/* MENU */
#mobil-menu-button{color: #ffffff; font-size: 30px; cursor: pointer;}
#block-top-menu{background: #333333; border-radius: 0; border-radius: 3px; overflow: hidden;box-shadow: 0px 0px 3px #333333; -moz-box-shadow: 0px 0px 3px #33333; -webkit-box-shadow: 0px 0px 3px #333333;}
#top-menu{list-style: none; width: 100%; margin: 0px; padding: 0px; border-right: 1px solid #535353; border-left: 1px solid #131313;}
#top-menu li{padding: 0px; margin: 0px;}
#top-menu li a{text-align: center; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ffffff; display: block; width: 100%; padding: 4px 6px; font-size: 12px; line-height: 30px; border-right: 1px solid #131313; border-left: 1px solid #535353;}
#top-menu li a span{display: none;}
#top-menu li a i{font-size: 15px; position: relative; top: 1px; margin: 0px 3px;}
#top-menu li a.selected, #top-menu li a:hover{background: #f8f8f8; color: #333333;}
#top-menu li#logout-time a{color: #ffffff; background: #333333;}

/* SECTION BOX */
.section-box{margin-top: 13px; width: 100%; display: flex;}
.section-box-inside{width: 100%; background: #ffffff; padding: 10px 15px 12px 15px; border-radius: 3px; box-shadow: 0px 0px 3px #666666; -moz-box-shadow: 0px 0px 3px #666666; -webkit-box-shadow: 0px 0px 3px #666666;}
.section-top-menu{width: 100%;}
.section-top-menu ul{width: 100%; overflow: hidden; padding: 3px 15px 0px 15px; margin: -3px 0px 0px 0px;}
.section-top-menu ul li{font-size: 10px; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform: uppercase; float: left; margin-left: 3px;}
.section-top-menu ul li a{background: #eeeeee; border: 1px solid #cccccc; border-bottom: none; padding: 4px 9px 4px 9px; display: block;}
.section-top-menu ul li a.active{background: #ffffff; border: 1px solid #ffffff; box-shadow: 0px 0px 3px #666666; -moz-box-shadow: 0px 0px 3px #666666; -webkit-box-shadow: 0px 0px 3px #666666;}
.section-top-menu ul li a:hover{background: #008ec2; color: #ffffff; border: 1px solid #0099FF;}
.section-top-menu ul li:first-child{margin-left: 0px!important;}
.section-info-article{}
.section-info-article h2{font-size: 18px; line-height: 100%; margin: 3px 0px; padding-bottom: 7px; border-bottom: 1px solid #bbbbbb;}
.section-info-article h2 span{color: #008ec2;}
.section-info-article p{margin: 8px 0px; font-size: 13px; line-height: 17px; border-radius: 3px; background: #eeeeee; border: 1px solid #bbbbbb; padding: 6px 10px;}
.section-info-article p span{color: #008ec2; font-weight: bold;}
.section-info-article p span.required{color: #d90000; font-weight: bold; font-size: 16px; position: relative; top: 1px;}

.information-list{}
.information-list li{padding: 5px 10px;border-radius: 3px; border: 1px solid #bbb;}
.information-list li p{width: 100%; display: block;}
.information-list li p span{color: #008ec2;}

/* MAIN CONTENT */
.modul-icon-box{margin: 5px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.modul-icon-box a{margin: auto; padding: 10px 15px; font-size: 13px; text-align: center; width: 100%;border: 1px solid #cccccc; border-radius: 3px; }
.modul-icon-box a:hover{background: #008ec2; color: #ffffff; border: 1px solid #006bb3;}
.modul-icon-box a i{display: block; text-align: center; width: 100%; font-size: 28px; margin: 3px 0px 5px 0px;}

/* LISTS */
.list-header-row{font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; align-items: center; background: #444444; color: #ffffff; font-size: 12px!important; text-transform: uppercase; padding: 0px 5px; margin: 5px 0px; border-radius: 3px;}
.list-header-row div{font-size: 12px!important;}
.list-header-row div p{width: 100%;}
.list-header-row div a{color: #ffffff; padding: 0px 2px!important;}
.list-header-row div a i{position: relative; left: -3px; margin: 0px; top: 1px; font-size: 14px; }

.list-row-ul{list-style: none; margin: 0px;}
.list-row{font-size: 14px; border: 1px solid #cccccc; margin-top: 3px; padding: 5px; border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.list-row i{}
.list-row:nth-child(odd) {background: #ffffff;}
.list-row:nth-child(even) {background: #efefef;}
.list-row.b{border-left: 5px solid #008ec2;}
.list-row.b:hover{background: #ecf9fe; border: 1px solid #bcd9e3; border-left: 5px solid #008ec2;}
.list-row.y{border-left: 5px solid #e68200;}
.list-row.r{border-left: 5px solid #d90000;}
.list-row.r:hover{background: #fff4f4; border: 1px solid #eac7c7; border-left: 5px solid #d90000;}
.list-row.g{border-left: 5px solid #555555;}
.inside-list-row-flex{}
.more-little-info{font-size: 11px; border-top: 1px dotted #ccc; padding-top: 3px; margin-top: 0px!important; color: #454545;}
.list-row div p{padding: 1px 0px; width: 100%;}
.list-row div p.task-dudate-late, .list-row div p.task-dudate-late a i, .list-row div p.task-dudate-late a:hover{color: #d90000;}
.list-row div a:hover{color: #008ec2;}
.list-row div a i{font-size: 16px; position: relative; top: 1px;}



.user-name, .user-email, .user-actions, .user-status{justify-content:center; align-items: center; }
.user-name i{margin-right: 3px; font-size: 19px;}
.list-row.b .user-name i.user-name-i{color: #008ec2;}
.list-row.r .user-name i.user-name-i{color: #d90000;}

.user-actions a, .user-accounts a{padding: 2px;}
.user-actions a i.fa-check-square{color: #f06b00;}
.user-main-info, .user-sub-info{width: 100%;}
.user-main-info{font-size: 16px; line-height: 19px;}
.user-sub-info{font-size: 12px; color: #888888;}

.user-email{font-size: 13px; color: #666666;}
.user-email i{position: relative; top: 1px;}
.user-status{text-transform: uppercase; font-size: 11px;}
.user-status i{font-size: 18px;}

.status-bar{}
.progress-step{color: #ffffff; font-size: 17px; width: 100%; padding: 5px 7px; text-align: center; border-radius: 3px;}
.step-closed{background: #555555;}
.step-inprogress{background: #f06b00;}
.step-completed{background: #008ec2;}
.step-failed{background: #d90000;}

.searched-product-thumb{border-radius: 3px; overflow: hidden; border: 3px solid #fff; box-shadow: 0px 0px 1px #333; line-height: 0px; background-position: 50% 50%!important; background-size: cover!important; align-self: flex-start;}
#result-product-list{height: 400px; overflow: auto;}

.offer-actions, .offer-price,.offer-code{text-align: center;}
.offer-actions i{font-size: 18px!important; margin: 2px;}
.offer-price{font-weight: bold;}



/* V2 */
.small-box-v1{padding: 7px 10px; border: 1px solid #cccccc; border-radius: 3px;}
.small-box-v1 span{display: block; color: #008ec2;}

#contact-lists-v2{}
#contact-lists-v2-ul{margin: -3px!important;}
#contact-lists-v2-ul li{}
.contact-list-v2-contener{width: 100%;}
.contact-list-v2-name{border-bottom: 1px dotted #cccccc; font-size: 16px; padding-bottom: 5px!important; font-weight: bold;}
.contact-list-v2-status{display: inline-block; font-size: 10px; color: #fff; padding: 2px 8px; border-radius: 5px; text-align: center; position: relative; top: -1px;}
.contact-list-v2-status.g{background: #333333;}
.contact-list-v2-status.y{background: #e68200;}
.contact-list-v2-status.b{background: #008ec2;}
.contact-list-v2-actions{text-align: right;}
.contact-list-v2-actions a i{font-size: 20px!important; margin: 0px 2px;}
.contact-list-v2-owners{font-size: 12px; float: right; position: relative; font-weight: normal; color:#777777;}

.company-flag{position: absolute; left: 0; top: -3px;}
.stats_header_row{background: #333333; color: #ffffff; border-radius: 3px;}
.stats_h2{font-size: 16px; padding: 5px;  }
.stats_span{font-weight: normal; font-size: 14px; padding: 5px 10px!important; text-align: right;}

.little-box{border: 1px solid #cccccc; border-radius: 3px; padding: 5px 10px; text-align: center;}
.percent-box{font-size: 12px; color: #fff; border-radius: 15px; padding: 3px 4px; line-height: 14px; display: inline-block; width: 80px;}
.percent-box.zero{background: #333333;}
.percent-box.plus{background: #0099FF;}
.percent-box.minus{background: #d90000;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #top-menu li a{padding: 4px 10px 4px 6px;}
    #top-menu li a span{display: initial;}
    .offer-actions, .offer-price{text-align: right;}
    .offer-actions i{font-size: 21px!important; margin: 1px;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #mobil-menu-button{color: #ffffff; font-size: 30px; display: none;}
    #main-left-box nav#navigation-moduls ul#ul-moduls{display: initial!important; position: initial!important;}
    #main-left-box nav#navigation-moduls ul#ul-moduls li a{text-align: left;}
    
    
    .user-name,.user-email, .user-status{justify-content:flex-start;}
    .user-actions{justify-content: flex-end;}
    .little-box-flex{ flex: 1;}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}