/*ANIMATION*/
@keyframes shake {10%, 90% {transform: translate3d(-1px, 0, 0);} 20%, 80% {transform: translate3d(2px, 0, 0);}30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}40%, 60% {transform: translate3d(4px, 0, 0);}}
/*GENERAL STYLES*/
.no-scroll::-webkit-scrollbar {display:none;}
.no-scroll::-moz-scrollbar {display:none;}
.no-scroll::-o-scrollbar {display:none;}
.no-scroll::-google-ms-scrollbar {display:none;}
.no-scroll::-khtml-scrollbar {display:none;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}
.radiobuttons label, input[type='radio']:disabled{cursor: initial !important;}
.status-ball{width: 16px; height: 16px; border-radius: 50%;}
.btn-sm{border-radius: 0;}
.uib-daypicker{padding: 0 20px;}
.uib-datepicker-current, .uib-clear, .uib-close{display: none;}
.uib-title, .uib-left, .uib-right{border: none;}
body{font-family: 'Source Sans Pro', sans-serif; color: #333333;}
select{font-family: 'Roboto Mono', sans-serif;}
.left{float: left;}
.right{float: right;}
.bold{font-weight: 700;}
.maschera{width: 100%; height: 100%; background-color: rgba(0,0,0,0.30); display: block; overflow: hidden;}
a{color: #333;}
a:hover{color: #333;}
.shake{ animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px;}
.error{background-color: rgba(255, 18, 28, 0.4); color: #fff; width: 100%; height: 40px; margin-top: 30px; border-radius: 4px; line-height: 40px; position: absolute; left: 0;}
.error p{text-align: center; font-weight: 600; font-size: 14px;}
.button-blue{height: 30px; width: 100%; line-height: 29px; color: #fff; border: none; cursor: pointer; background-color: #279fd9;}
.riparata, .disponibile{background-color: #3dc149;}
.embargo{background-color: #aa68aa;}
.opzionata{background-color: #f9be3d;}
.riparazione, .occupata{background-color: #f75454;}
.attesariparazione, .allestimento{background-color: #2495d3;}
.ritirato{background-color: #3b5998;}
.ritardo{background-color:#000;}
.click{cursor: pointer;}
.radiobuttons label{display: inline-block; width: auto !important; margin: 0 !important; border-bottom: none !important; font-size: 16px; line-height: initial !important; font-weight: 600 !important; cursor: pointer; position: relative; padding-left: 25px; padding-right: 20px; color: #555 !important;}
.radiobuttons input[type="radio"]{display: none;}
.radiobuttons label:before{content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 8px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; border: 1.5px solid #c1c1c1;}
.radiobuttons > input[type="radio"]:checked + label:before{ content: "\2022"; color: #2495d3; font-size: 35px; text-align: center; line-height: 9px;}
.add_field{text-align: center; color: #279fd9;text-transform: initial; padding-left: 20px;}
.button-action{width: 46%; float: left; height: 32px; display: none; border:none; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 600;}
.button-action.azzurro{background-color: #279fd9;}
.button-action.grigio{background-color:#aaa;}
textarea{width: 100%;height: 90px;resize: none;border: none; background-color: #fff;font-size: 16px;padding-left: 15px;color: #333;font-weight: 700;}
input[type="number"]{width: 100%; border: none; padding-left: 15px; font-size: 16px; font-weight: 700; color: #333; background: #f1f1f1; height: 30px;}
.totale{text-align: left; padding-right: 45px; color: #2495d3;}
.input_file input[type="file"]{display: none;}
.input_file {height: 155px; width: 60px; cursor: pointer; background-repeat: no-repeat; position: relative; background-color: #c2c9ce; background-image: url('../images/upload.svg'); background-size: 50px; background-position: center;}
.input_file img{position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 155px;}
.close-info-wrapp{transition: 0.4s; height: 22px; overflow: hidden !important;}
.open-info-wrapp{transition: 0.4s; height: auto; overflow: visible !important;}
.open-info-img {transition: 0.4s; transform: rotate(90deg);}
.close-info-img {transition: 0.4s; transform: rotate(0deg);}
.order_arrow {transition: 0.4s; margin-left: 2px; margin-top: 2px; cursor: pointer;}
.order_arrow.desc{transition: 0.4s; transform: rotate(0deg);}
.order_arrow.asc{transition: 0.4s; transform: rotate(180deg);}
.error-field{color: red !important; border-bottom: 1px solid red !important;}
.error-home{color: red !important;}
.error_check_field, .error_delete_api{position: absolute; display: none; width: 320px; height: 150px; top: 50%; left: 50%; margin-left: -160px; margin-top: -180px; z-index: 99; background-color: #333; border-radius: 4px; padding: 20px; color: #fff; text-align: center;}
.error_delete_api{height: 200px;}
.error_delete_api button{background: transparent; background-color: #2495d3; color: #fff; border: none; cursor: pointer; width: 120px; height: 32px; font-weight: 600; font-size: 16px; text-align: center;}
.error_check_field .title, .error_delete_api .title{font-size: 20px; font-weight: 700; margin-top: -10px;}
.error_check_field img, .error_delete_api img{width: 40px; margin-bottom: 15px;}
.business{display: none;}
.status_alert{font-weight: 700; text-transform: uppercase; color:#ed4350;}
.status_info{position: absolute;width: 75%;height: auto;background: #8b91a0; border-bottom: 5px solid #fff; display: none;bottom: 0;z-index: 9;border-radius: 4px;left: 50%;margin-left: -99px;margin-bottom: 35px;}
.status_info img{transform: rotate(180deg);position: absolute;bottom: 0;margin-bottom: -26px;margin-left: -78px; left: 50%;}
.status_info p{text-align: center; font-size: 20px; color: #fff; font-weight: 700; margin-top: 10px;}
.status_info p.subtitle{font-weight: 400; margin: 0; font-size: 14px; margin-bottom: 20px;}
.pdf_wrapper{width: 700px; margin-left: 10px; border-radius: 4px; display: block; float: left; background-color: #fff; font-size: 12px;}
.pdf_wrapper td{font-size: 12px !important;}
.pdf_wrapper .title-td{font-weight: 700; text-transform: uppercase; color: #555; border-bottom: 1px solid #c1c1c1; font-size: 20px; padding-top: 15px;}
.pdf_wrapper .subtitle-td{font-weight: 700; color: #333; font-size: 16px; padding-top: 10px;}
.pdf_wrapper .blue, .pdf_wrapper .total{font-weight: 700; margin: 0;}
.current-button{opacity: 0.5;}
.onlymonth{display: none;}
.nopopup:hover{cursor: not-allowed !important;}
input[type="text"]:disabled{text-overflow: ellipsis !important;}
/*LOADER SECTION*/ 
.loading{width: calc(100% - 60px); height: calc(100vh - 165px); position: absolute; z-index: 99; background: rgba(0,0,0,0.8); margin-left: 30px; border-radius: 4px; margin-top: 15px;}
.loading .icon_load{position: absolute; left: 50%; top: 50%; width: 150px; margin-left: -75px; height: 150px; margin-top: -75px; background-image: url('../images/load.gif'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 50px;}
/*NAV*/
nav{width: 100%; height: 60px; overflow: hidden; position: fixed; top: 0; z-index: 9;}
.logologin{margin: 20px auto; width: 190px; display: block;}
/*HOMEPAGE NO LOGGED*/
nav.white{background-color: #fff;}
nav.black{background-color: #22262e;}
nav .logo{width: 235px; height: 60px; display: block; overflow: hidden;}
nav .logo img{width: auto; margin-left: 30px; display: block; cursor: pointer; margin-top: 10px; max-height: 38px;}
.container-full.login-bg{height: calc(100vh - 60px); background-position: center; background-size: cover; margin-top: 60px; background-repeat: no-repeat; width: 100%; background-image: url('../images/login-bg.jpg'); overflow: hidden; display: block; position: relative;}
.container-full.login-bg.admin{background-image: url('../images/login-bg-admin.jpg');}
.container-full.login-bg h1{font-weight: 200; font-size: 60px; color: #fff; line-height: 72px; text-align: center; margin: 30px 0;}
/*HOMEPAGE LOGGED*/
.toogle_mobile{float: left;width: 35px;height: 35px;margin-top: 20px;margin-left: 22px; display: none;}
.toogle_mobile img{cursor: pointer; width: 100%;}
nav .toogle-menu{float: right; width: auto; height: 60px; margin: 0; list-style: none; padding: 0 30px;}
nav .toogle-menu li{float: left; cursor: pointer; height: 60px;}
nav .toogle-menu li:hover{background-color: rgba(255,255,255,0.1);}
nav .toogle-menu li img{width: 22px; margin: 20px 15px;}
.sidebar-menu{float: left; background-color: #1b1e24; position: fixed; margin-top: 60px; height: calc(100vh - 60px); z-index: 9; overflow-y: scroll;}
.sidebar-menu .sidebar-list{margin: 0; padding: 0; list-style: none; margin-top: 20px;}
.sidebar-menu .sidebar-list li{cursor: pointer; width: 100%; float: left;}
.sidebar-menu .sidebar-list li:hover{background-color: rgba(255,255,255,0.1);}
.sidebar-menu li.menu_control:hover{background-color: transparent;}
.sidebar-menu .icon{width: 80px; float: left; background-position: center; background-repeat: no-repeat; background-size: 20px;}
.sidebar-menu .resume{width: 275px; padding: 18px 0;}
.sidebar-menu .sidebar-list .icon, .sidebar-menu .sidebar-list .resume{height: 50px;}
.sidebar-menu .sidebar-list .resume p{margin: 0; line-height: 14px; font-weight: 500; color: #8b91a0; font-size: 16px;}
.sidebar-menu .sidebar-list li.current p{color:  #fff !important;}
.sidebar-menu .sidebar-list .resume p.blue{color:#8b91a0;}
.sidebar-menu .icon.car{background-image: url('../images/car.svg');}
.sidebar-menu .icon.users{background-image: url('../images/users.svg');}
.sidebar-menu .icon.document{background-image: url('../images/document.svg');}
.sidebar-menu .icon.damage{background-image: url('../images/damage.svg');}
.sidebar-menu .icon.money{background-image: url('../images/money.svg');}
.sidebar-menu .icon.menu{background-image: url('../images/menu.svg');}
.sidebar-menu .icon.partner{background-image: url('../images/ico-partner.svg');}
.sidebar-menu .icon.delivery{background-image: url('../images/ico-consegna.svg');}
.sidebar-menu .icon.reetry{background-image: url('../images/ico-ritiro.svg');}
.sidebar-menu .icon.stat{background-image: url('../images/ico-stat.svg');}
.sidebar-menu .sidebar-list li.current .icon.car{background-image: url('../images/car_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.document{background-image: url('../images/document_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.damage{background-image: url('../images/damage_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.users{background-image: url('../images/users_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.delivery{background-image: url('../images/ico-consegna_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.reetry{background-image: url('../images/ico-ritiro_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.partner{background-image: url('../images/ico-partner_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.money{background-image: url('../images/money_hover.svg') !important;}
.sidebar-menu .sidebar-list li.current .icon.stat{background-image: url('../images/ico-stat_hover.svg') !important;}
.sidebar-menu .icon.menu.open_button{transition: 0.3s; transform: rotate(0deg);}
.sidebar-menu .icon.menu.close_button{transition: 0.3s; transform: rotate(180deg);}
.sidebar-menu .user, .sidebar-menu .other_user{width: 100%; cursor: pointer; min-height: 80px; border-bottom: 1px solid #22262e; display: block; overflow: hidden;}
.sidebar-menu .other_user{background-color: #0f1216;}
.sidebar-menu .other_user.close_users{min-height: 0; height: 0; transition: 0.4s;}
.sidebar-menu .other_user.open_users{min-height: 80px; transition: 0.4s;}
.sidebar-menu .user .icon, .sidebar-menu .other_user .icon{height: 80px; position: relative;}
.sidebar-menu .user .icon .photo, .sidebar-menu .other_user .icon .photo{position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; border-radius: 50%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.sidebar-menu .user .icon .photo p, .sidebar-menu .other_user .icon .photo p{font-size: 27px; text-align: center; line-height: 38px; color: #fff;}
.sidebar-menu .user .resume, .sidebar-menu .other_user .resume{height: 80px;}
.sidebar-menu .user .resume .name, .sidebar-menu .user .resume .type, .sidebar-menu .other_user .resume .name, .sidebar-menu .other_user .resume .type{width: 100%; margin: 0;}
.sidebar-menu .user .resume .name, .sidebar-menu .other_user .resume .name{color: #fff; width: 185px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; line-height: 22px; font-weight: 600;}
.sidebar-menu .user .resume .type, .sidebar-menu .other_user .resume .type{color: #8b91a0; width: 185px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; margin-top: 5px; font-size: 12px; font-weight: 400; line-height: 16px;}
.sidebar-menu.close_menu{transition: 0.4s; width: 80px;}
.sidebar-menu.open_menu{transition: 0.4s; width: 300px;}
/*LOGIN FORM*/
.form-login{display: block; height: auto; position: relative; border-radius: 4px; padding: 24px 15px; background-color: rgba(255,255,255,0.6);}
.form-login form{margin: 0;}
.form-login h2{text-align: center; text-transform: uppercase; margin-bottom: 24px; margin-top: 0; font-size: 21px; line-height: 25px; font-weight: 400;}
.form-login .single{background-color: #fff; padding: 12px; position: relative; display: block; overflow: hidden; width: 100%; height: 40px; border-radius: 4px; margin-bottom: 20px;}
.form-login .single img{margin-right: 12px; margin-top: -5px;}
.form-login .single input{height: 20px; padding-left: 12px; border:none; border-left: 1px solid #cbcbcb; width: 85%;}
.form-login .single a{font-size: 11px; line-height: 13px; font-weight: 400;}
.form-login button{border: none; cursor: pointer; margin-top: 15px; width: 100%; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; color: #fff; background-color: #279fd9; font-size: 18px; font-weight: 600;}
/*WRAPPER MAIN*/
.dynamic-wrapper{background-color: #fff; height: auto; margin: 0 15px; padding-top: 90px; float: right; display: block; overflow: hidden;}
.dynamic-wrapper.min{width: calc(100% - 330px); transition: 0.4s;}
.dynamic-wrapper.full{width: calc(100% - 110px); transition: 0.4s;}
.top-section{width: 100%; height: 68px; padding: 30px 30px 10px 30px;}
.top-section .title-wrapper{margin: 0; float: left; color: #1b1e24; font-size: 16px; font-weight: 600; line-height: 30px;}
.top-section .add{float: right; text-transform: uppercase; cursor: pointer; color:#0277b3; font-weight: 600; font-size: 14px; line-height: 30px;}
.top-section .add img{margin-top: -4px; margin-left: 8px;}
.control-tab, .control-tab ul{height: 30px;}
.control-tab ul{list-style: none; padding: 0; margin: 0; padding-left: 30px;}
.control-tab ul li{float: left; cursor: pointer; line-height: 30px; margin-right: 15px; background-color: #f2f4f5; color: #8b91a0; font-size: 16px; text-transform: uppercase; text-align: center;}
.control-tab ul li.current-tab{background-color: #ced6db; font-weight: 600; color: #22262e;}
.control-tab.left ul li{padding: 0 30px; overflow: hidden; max-width: 320px; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; padding-right: 40px;}
.control-tab.left ul li .close_li{font-size: 12px; color: #555; margin-left: 10px; cursor: pointer; position: absolute; right: 10px; line-height: 31px;}
.control-tab.right ul{padding-left: 0; padding-right: 30px;}
.control-tab.right ul li{width: 50px; margin-right: 0; height: 30px;}
.control-tab.right ul li img{width: 14px; height: 14px;}
.main-wrapper{width: 100%; min-height: 20px; overflow: hidden; display: block; background-color: #ced6db; position: relative; height: auto;}
/*HOMEPAGE STATS*/
.home-core{height: calc(100vh - 104px) !important; padding-top: 100px !important; padding-bottom: 100px !important;}
.home-core .no-padding{padding: 0;}
.wrapper-home-single{overflow-y: scroll;min-height: 20px;height: calc(100vh - 120px); padding-bottom: 40px;overflow-x: hidden;}
.sectioninvoice{margin-top: 20px;}
#fatturato_1, #fatturato_2, #vehicle_use, #vehicle_damage, #vehicle_delivery, #stats_invoice_week, #stats_invoice, #vehicle_reentry, #vehicle_invoicetodo{display: none;}
.background-blu{background-color: #2495d3;}
.introduction-stats{color: #fff; font-size: 30px; font-weight: 700; margin-top: 10px;}
.invoice-box{min-height: 114px;}
.invoice-box p{font-size: 18px; color: #fff;}
.invoice-box .money{font-size: 40px; font-weight: 700; color: #fff;}
.invoce-box-white{margin-top: 15px;}
.invoce-box-white .introduction-stats{color: #333;}
.invoce-box-white table{width: 100%; border-radius: 4px; overflow: hidden; margin-bottom: 15px;}
.invoce-box-white table thead{color: #fff; font-size: 16px; font-weight: 600;}
.invoce-box-white table thead tr{background-color: #343a44;}
.invoce-box-white table tbody tr:nth-child(even){background-color: #f1f1f1;}
.invoce-box-white table tbody tr:nth-child(odd){background-color: #fff;}
.invoce-box-white table tbody{color: #1b1e24; font-size: 14px;}
.invoce-box-white table tr td{padding: 15px;}
.invoce-box-white .vehicle_table tr{background-color: transparent !important;}
.invoce-box-white .vehicle_table tr .plate{color: #808080; font-size: 12px;}
.invoce-box-white .vehicle_table td{padding: 0;}
#line{margin-top: 25px; margin-bottom: 30px; width: 100% !important;}
#bar{margin-top: 25px; margin-bottom: 30px; width: 100% !important; margin-top: 33px;}
/*CALENDAR WRAPPER*/
.main-wrapper .top-bar, .main-wrapper .control-week{width: 100%; margin: 0; padding: 15px; overflow: hidden;}
.main-wrapper .top-bar{height: 60px;}
.main-wrapper .control-week{padding: 0;}
.main-wrapper .control-week img{float: left; cursor: pointer; width: 8px; margin-top: 10px;}
.main-wrapper .control-week p{text-align: center; float: left; width: 90%; margin: 0; font-size: 16px; line-height: 33px; text-transform: uppercase; color: #4d4d4d;}
.main-wrapper .top-bar .search{width: 100%; height: 30px; background-color: #fff; border-radius: 4px;}
.main-wrapper .top-bar .search input{border: none; background: transparent; padding-left: 15px; width: 90%; float: left; margin: 0; height: 30px;}
.main-wrapper .top-bar .search img{margin-top: 7px;}
.main-wrapper .top-bar select{height: 30px; border: none; width: 50%; background: transparent; color: #4d4d4d; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; background: url('../images/select.svg') no-repeat; background-position: 105px 13px; cursor: pointer; text-indent: 0.01px; text-overflow: "";}
.main-wrapper .top-bar .search-single select{float: left; height: 100%; width: 226px; padding-left: 15px; background-position: 200px 18px; border-right: 1px solid #e1e1e1;}
.main-wrapper .top-bar .search-single select.has-error{background-color: #FFE0E0; border-right: 1px solid #FF0000;-webkit-transition:background 1s;-moz-transition:background 1s;-o-transition:background 1s;transition:background 1s}
.core{width: 100%; padding: 15px 30px; height: calc(100vh - 195px); overflow: hidden; position: relative; display: block;}
.core .list-day{margin: 0; margin-top: 20px; margin-bottom: 20px;}
.core .list-day .single-day{text-align: center; font-size: 14px; color: #8b91a0;}
.core .calendar-wrapper{ margin: 0; /*overflow-y: scroll;*/ min-height: 20px; height: calc(100vh - 303px);}
.core .calendar-wrapper .single-vehicle{margin: 0; background-color: #fff; border-bottom: 1px solid #e5e9ec; transition: 0.4s; }
.core .calendar-wrapper .single-vehicle .day{border-left: 1px solid #e5e9ec; padding: 0; height: 60px;}
.core .calendar-wrapper .single-vehicle .day input{width: 20px; display: none;}
.core .calendar-wrapper .single-vehicle .day.today-box{background-color: #e1e9f5;}
.core .calendar-wrapper .single-vehicle .day .status{height: 10px; width: 100%; margin-top: 25px; background-color: #b2b2b2; cursor: pointer; float:left;}
.core .calendar-wrapper .single-vehicle .day .status:nth-child(1){display: block !important;}
.core .calendar-wrapper .single-vehicle .day .status.empty{ background-color: #FFF; cursor: default; }

.core .calendar-wrapper .single-vehicle .contract{display: none; border-radius: 4px; width: 176%; z-index: 9; padding: 15px; color: #fff; position: absolute; top: 0; background-color: #1b1e24; text-align: center; margin-top: -67px; margin-left: -21.5px;}
.core .calendar-wrapper .single-vehicle .contract .dialog{position: absolute; bottom: 0; left: 50%; margin-bottom: -12px; margin-left: -11.5px;}
.core .calendar-wrapper .single-vehicle .contract img{margin: 0 auto; width: 23px; float: none;}
.core .calendar-wrapper .single-vehicle .contract_popup{display: none; border-radius: 4px; width: 210%; z-index: 9; padding: 15px; color: #fff; position: absolute; top: 0; background-color: #1b1e24; text-align: center; margin-top: -80px; margin-left: -56.5px;}
.core .calendar-wrapper .single-vehicle .contract_popup .dialog{position: absolute; bottom: 0; left: 50%; margin-bottom: -12px; margin-left: -13px;}
.core .calendar-wrapper .single-vehicle .contract_popup button{width: 100%; color: #fff; cursor: pointer; border:none; background-color: #2495d3; height: 30px;}
.core .calendar-wrapper .single-vehicle .contract_popup img{margin: 0 45px; width: 23px;}
.core .calendar-wrapper .single-vehicle .contract_cleaning{display: none; border-radius: 4px; width: 210%; z-index: 9; padding: 15px; color: #fff; position: absolute; top: 0; background-color: #1b1e24; text-align: center; margin-top: -80px; /*margin-top: -155px;*/ margin-left: -56.5px;}
.core .calendar-wrapper .single-vehicle .contract_cleaning button{width: 100%; color: #fff; cursor: pointer; border:none; background-color: #2495d3; height: 30px;}
.core .calendar-wrapper .single-vehicle .contract_cleaning .dialog{position: absolute; bottom: 0; left: 50%; margin-bottom: -12px; margin-left: -13px;}
.core .calendar-wrapper .single-vehicle .contract_cleaning img{margin: 0 45px; width: 23px;}
.core .calendar-wrapper .single-vehicle .contract_embargo{display: none; border-radius: 4px; width: 210%; z-index: 9; padding: 15px; color: #fff; position: absolute; top: 0; background-color: #1b1e24; text-align: center; margin-top: -80px; margin-left: -56.5px;}
.core .calendar-wrapper .single-vehicle .contract_embargo button{width: 100%; color: #fff; cursor: pointer; border:none; background-color: #2495d3; height: 30px;}
.core .calendar-wrapper .single-vehicle .contract_embargo .dialog{position: absolute; bottom: 0; left: 50%; margin-bottom: -12px; margin-left: -13px;}
.core .calendar-wrapper .single-vehicle .contract_embargo img{margin: 0 45px; width: 23px;}
.core .calendar-wrapper .single-vehicle .contract_booked{display: none; border-radius: 4px; width: 266%; z-index: 9; padding: 15px; color: #fff; position: absolute; top: 0; background-color: #1b1e24; text-align: center; margin-top: -78px; margin-left: -77%;}
.core .calendar-wrapper .single-vehicle .contract_booked button{width: 100%; color: #fff; cursor: pointer; border:none; background-color: #2495d3; height: 30px;}
.core .calendar-wrapper .single-vehicle .contract_booked .dialog{position: absolute; bottom: 0; left: 50%; margin-bottom: -12px; margin-left: -13px;}
.core .calendar-wrapper .single-vehicle .contract_booked img{margin: 0 45px; width: 23px;}
.core .calendar-wrapper .single-vehicle .contract_reentry{display: none; border-radius: 4px; width: 210%; z-index: 9; padding: 15px; color: #fff; position: absolute; top: 0; background-color: #1b1e24; text-align: center; margin-top: -78px; margin-left: -56.5px;}
.core .calendar-wrapper .single-vehicle .contract_reentry button{width: 100%; color: #fff; cursor: pointer; border:none; background-color: #2495d3; height: 30px;}
.core .calendar-wrapper .single-vehicle .contract_reentry .dialog{position: absolute; bottom: 0; left: 50%; margin-bottom: -12px; margin-left: -13px;}
.core .calendar-wrapper .single-vehicle .contract_reentry img{margin: 0 45px; width: 23px;}

/*POPUP MONTHLY VIEW*/
.contract_booked.monthpopup{width: 634% !important; margin-left: -98px !important;}
.contract_reentry.monthpopup{width: 510% !important; margin-left: -74px !important;}
.contract_embargo.monthpopup{width: 508% !important; margin-left: -74px !important;}
.contract_cleaning.monthpopup{width: 500% !important; margin-left: -73px !important;}
.contract_popup.monthpopup{width: 700% !important;margin-left: -110px !important;}
.contract.monthpopup{width: 414% !important;margin-left: -59px !important;}

.title_popup{color: #e1e1e1;}

.core .calendar-wrapper .single-vehicle .day .status .color-status{height: 10px; width: 100%;}
.core .calendar-wrapper .single-vehicle .day .status.first{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.core .calendar-wrapper .single-vehicle .day .status.last{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.core .calendar-wrapper .single-vehicle .info, .core .calendar-wrapper .single-vehicle .day{height: 60px;}
.core .calendar-wrapper .single-vehicle .info{padding: 15px;}
.core .calendar-wrapper .single-vehicle img{float: left; width: 8%; max-height: 50px;}
.core .calendar-wrapper .single-vehicle .info p{margin: 0; width: 90%;}
.core .calendar-wrapper .single-vehicle .info p.name{font-size: 17px; font-weight: 600; color: #4d4d4d; line-height: 20px; float: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.core .calendar-wrapper .single-vehicle .info p.plate{font-size: 14px; line-height: 18px; color: #989898; float: right; width: 90%;}
/*LIST VEHICLE WRAPPER*/
.core.vehicle-core{height: calc(100vh - 203px);}
.top-bar.vehicle{height: 68px;}
.top-bar.contract-top{height: 70px;}
.top-bar.damage-top{height: 70px;}
.top-bar .search-single, .top-bar .calendar-input{width: 100%; height: 40px; border-radius: 4px; background-color: #fff;}
.top-bar .search-single input, .top-bar .calendar-input input{border:none; background: transparent; float: left; height: 40px; font-size: 16px; width: 95.6%; padding-left: 15px;}
.top-bar .search-single input{width: calc(100% - 282px); float: left;}
.top-bar .calendar-input input{width: 87%;}
.top-bar .search-single img, .top-bar .calendar-input img{float: right; width: 26px; margin-top: 8px; margin-right: 15px;}
.top-bar .calendar-input img{width: 18px; margin-top: 12px; cursor: pointer;}
.top-bar .calendar-input button{width: 100%; height: 100%; border: none; cursor: pointer; text-transform: uppercase; color: #fff; border-radius: 4px; font-weight: 600; font-size: 18px; background-color: #279fd9;}
.top-bar .filter-status, .top-bar.damage-top .filter-status{height: 45px; display: block; overflow: hidden;}
.top-bar .filter-status p, .top-bar.damage-top .filter-status p{font-size: 16px; color: #4d4d4d; line-height: 45px; float: left; width: 108px;}
.top-bar .filter-status ul, .top-bar.damage-top .filter-status ul{list-style: none; height: 45px; overflow: hidden; width: calc(100% - 108px); margin: 0; padding: 0; padding-top: 15px;}
.top-bar .filter-status ul li, .top-bar.damage-top .filter-status ul li{cursor: pointer; height: 16px; width: 16px; float: left; margin-right: 15px; border-radius: 50%; opacity: 0.5;}
.top-bar .filter-status ul li:hover, .top-bar.damage-top .filter-status ul li:hover{opacity: 1;}
.top-bar .filter-status ul li.current, .top-bar.damage-top .filter-status ul li.current{opacity: 1;}
.wrapper-vehicle-single{min-height: 200px; overflow-y: scroll; height: calc(100vh - 234px); width: 100%;}
.damages_box, .single-vehicle-box{height: 340px; overflow: hidden; display: block; position: relative; cursor: pointer; margin-top: 40px;}
.damages_box inpit, .single-vehicle-box input{display: none;}
.damages_box .image, .single-vehicle-box .image{width: 100%; height: 210px; float: left; background-repeat: no-repeat; background-position: 50% 50%; background-size:contain; background-color: #fff;}
.damages_box .image{background-size: cover;}
.damages_box .info, .single-vehicle-box .info{width: 100%; height: 130px; float: left; background-color: #22262e; color: #fff; padding: 15px; position: relative; overflow: hidden;}
.damages_box .info p{padding: 0 !important;}
.damages_box .info .name{color: #fff !important; font-weight: 400 !important;}
.damages_box .info .plate{font-size: 14px !important; color: #8b91a0 !important; font-weight: 400 !important;}
.damages_box .info .name, .single-vehicle-box .info .name{font-size: 16px; line-height: 20px; margin: 0; padding: 0; color: #fff !important; font-weight: 400 !important; width: 100%; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
.damages_box .info .plate, .single-vehicle-box .info .plate{font-size: 14px; color: #8b91a0 !important; width: auto; float: left; padding: 0; font-weight: 400; line-height: 0;}
.damages_box .info .status-ball, .single-vehicle-box .info .status-ball{width: 13px; height: 13px; float: left; margin-top: 4px; margin-left: 7px; border-radius: 50%; cursor: pointer;}
.damages_box .bottom-info, .single-vehicle-box .bottom-info{position: absolute; bottom: 0; width: 90%; height: 40px;}
.damages_box .bottom-info .status, .single-vehicle-box .bottom-info .status{width: 50%; float: left; line-height: 40px; color: #8b91a0; font-size: 14px;}
.damages_box .bottom-info .status p, .single-vehicle-box .bottom-info .status p{margin: 0; width: 68%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.damages_box .bottom-info .status .status-ball, .single-vehicle-box .bottom-info .status .status-ball{float: left; width: 16px; height: 16px; border-radius: 50%; margin-top: 12px;  cursor: pointer;}
.damages_box{cursor: initial;}
.single-vehicle-box .bottom-info .damage{width: 50%; float: right;}
.single-vehicle-box .bottom-info .damage img{width: 16px; margin-top: 12px; float: right; margin-right: 6px;}
.single-vehicle-box .bottom-info .damage span{float: right; font-weight: 500; font-size: 16px; color: #fff; margin-top: 8px;}
/*SINGLE VEHICLE BOX*/
.single-vehicle-detail, .single-vehicle-add{ width: calc(100% - 60px); min-height: 200px; overflow-y: scroll; margin-left: 30px; margin-top: 14px; padding: 30px; height: calc(100vh - 149px);}
.single-vehicle-detail input[type="radio"], .single-vehicle-add input[type="radio"]{margin-right: 15px;}
.single-vehicle-detail input[type="radio"]:checked, .single-vehicle-add input[type="radio"]:checked{background-image: url('../images/checked.svg'); background-repeat: no-repeat;}
.single-vehicle-detail .action-add{display: none;}
.single-vehicle-detail .action-add, .single-vehicle-add .action-add{float: right; cursor: pointer; margin: 0; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.single-vehicle-detail .action-add img, .single-vehicle-add .action-add img{margin-top: -3px; margin-left: 5px;}
.single-vehicle-detail .action-add.red, .single-vehicle-add .action-add.red{color: #ed4350; margin-right: 20px;}
.single-vehicle-detail .action-add.green, .single-vehicle-add .action-add.green{color:#39b44a;}
.single-vehicle-detail .action-add.green, .single-vehicle-detail .action-add.red{margin-right: 20px; line-height: 32px;}
.single-vehicle-detail .close, .single-vehicle-add .close{width: 13px; height: 13px; background-image: url('../images/close.svg'); background-size: contain; opacity: 1; margin-right: 54px; position: fixed; right: 0; margin-top: -22px; cursor: pointer; background-repeat: no-repeat; background-position: center;}
.single-vehicle-detail .title, .single-vehicle-add .title{font-weight: 700; font-size: 23px; float: left; margin: 0; color: #22262e;}
.single-vehicle-detail .plate, .single-vehicle-add .plate{color: #22262e; font-weight: 400; font-size: 20px; line-height: 22px; float: left;}
.single-vehicle-detail .status-ball, .single-vehicle-add .status-ball{width: 16px; height: 16px; border-radius: 50%; margin-left: 10px; float: left; margin-top: 2.5px;  cursor: pointer;}
.single-vehicle-detail .toogle, .single-vehicle-add .toogle{width: 26px; height: 26px; border-radius: 50%; margin-top: 4px; overflow: hidden; float: left; margin-left: 15px; cursor: pointer;}
.single-vehicle-detail .toogle img, .single-vehicle-add .toogle img{width: 100%;}
.single-vehicle-detail .action, .single-vehicle-add .action{font-weight: 500; font-size: 14px; color: #279fd9; margin-top: 10px; cursor: pointer;}
.single-vehicle-detail .action img, .single-vehicle-add .action img{margin-top: -2px; margin-right: 5px;}
.single-vehicle-detail .info-wrapp, .single-vehicle-add .info-wrapp{margin-top: 30px; margin-bottom: 50px;}
.single-vehicle-detail .info-wrapp .title-section, .single-vehicle-add .info-wrapp .title-section{font-size: 16px; padding: 0; font-weight: 700; text-transform: uppercase; color: #333; margin: 0;}
.single-vehicle-detail .info-wrapp .title-section img, .single-vehicle-add .info-wrapp .title-section img{margin-top: -4px; margin-left: 5px;}
.single-vehicle-detail .info-wrapp label, .single-vehicle-add .info-wrapp label{width: 100%; margin-top: 20px; border-bottom: 1px solid #cbcbcb; color: #444; line-height: 30px; font-size: 14px; font-weight: 400;}
.single-vehicle-detail .info-wrapp input, .single-vehicle-add .info-wrapp input[type="text"], .single-vehicle-detail .info-wrapp p, .single-vehicle-detail .info-wrapp select{border: none; height: 30px; padding-left: 15px; width: 100%; color: #555 !important; font-weight: 600; font-size: 16px; background: transparent;}
.single-vehicle-detail input.active, .single-vehicle-add .info-wrapp input.active{border-radius: 4px; color:#333333; background: #fff; padding-left: 15px;}
.single-vehicle-detail .info-wrapp select, .single-vehicle-add .info-wrapp select{height: 30px; border: none; padding-right: 28px; padding-left:15px; width: 100%; background: transparent; color: #989898; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; background: url('../images/select.svg') no-repeat; background-position: 95% 13px; cursor: pointer; text-indent: 0.01px; text-overflow: "";}
.single-vehicle-detail .info-wrapp select, .single-vehicle-add .info-wrapp select:disabled{/*opacity: 0.5;*/}
.single-vehicle-detail .info-wrapp select, .single-vehicle-add .info-wrapp select.no-img-select{background: transparent;}
.single-vehicle-add .info-wrapp select{border-radius: 4px; padding-left: 15px; color: #333; background-color: #f1f1f1;}
.single-vehicle-detail .invoice_wrap .total_invoice{margin: 20px 0;background-image: url('../images/money_big.svg'); height: 50px; line-height: 50px; font-size: 25px; font-weight: 700; color: #39b44a; background-repeat: no-repeat; background-position: 0px 56%;}
.single-vehicle-detail .invoice_wrap .total_invoice span{padding-left: 54px;}
.single-vehicle-detail .single-vehicle{margin: 20px 0; height: 50px; background: #f1f1f1;}
.single-vehicle-detail .single-vehicle .day{border-left: 1px solid #e5e9ec; padding: 0; width: 14.28%; cursor: pointer; height: 50px;}
.single-vehicle-detail .single-vehicle .day.today-box{background-color: #ebf6fc;}
.single-vehicle-detail .single-vehicle .day .status{height: 10px; display: none; width: 100%; margin-top: 16px; background-color: #b2b2b2;}
.single-vehicle-detail .single-vehicle .day .status:nth-child(1){display: block !important;}
.single-vehicle-detail .single-vehicle .day .contract{display: none; border-radius: 4px; width: 131%; z-index: 9; padding: 15px; color: #fff; position: absolute; top: 0; background-color: #1b1e24; text-align: center; margin-top: -83px; margin-left: -21.5px;}
.single-vehicle-detail .single-vehicle .day .contract .dialog{position: absolute; bottom: 0; left: 50%; margin-bottom: -12px; margin-left: -13px;}
.single-vehicle-detail .single-vehicle .day .status .color-status{height: 10px; width: 100%;}
.single-vehicle-detail .single-vehicle .day .status.first{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.single-vehicle-detail .single-vehicle .day .status.last{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.single-vehicle-detail .single-vehicle .day .day_bottom{position: absolute; width: 100%; bottom: 3px; text-align: center; font-size: 12px; color: #8b91a0;}
.single-vehicle-detail .vehicle_image{width: 100%;}
.single-vehicle-detail select:disabled{opacity: 1;}

/*LIST CONTRACT*/
.calendar-filter p{font-size: 16px; font-weight: 600; color: #1b1e24; margin-top: 15px; width: 100%;}
.core.contract-core{height: calc(100vh - 205px);}
.wrapper-contract-list{width: 100%; min-height: 20px; overflow-y: scroll; height: calc(100vh - 246px);}
.wrapper-contract-list table{width: 100%; border-radius: 4px; overflow: hidden;}
.wrapper-contract-list table thead{color: #fff; font-size: 16px; font-weight: 600;}
.wrapper-contract-list table thead tr{background-color: #343a44;}
.wrapper-contract-list table tbody tr:nth-child(even){background-color: #f1f1f1;}
.wrapper-contract-list table tbody tr:nth-child(odd){background-color: #fff;}
.wrapper-contract-list table tbody{color: #1b1e24; font-size: 14px;}
.wrapper-contract-list table tr td{padding: 15px;}
.wrapper-contract-list .document_table tr, .wrapper-contract-list .vehicle_table tr{background-color: transparent !important;}
.wrapper-contract-list .vehicle_table tr .plate{color: #808080; font-size: 12px;}
.wrapper-contract-list .document_table td, .wrapper-contract-list .vehicle_table td{padding: 0;}
.wrapper-contract-list .document_table td img{margin-top: -2px;}
/*SINGLE CONTRACT*/
.contratc-table{width: 100%; border-radius: 4px; overflow: hidden; margin-top: 20px;}
.contratc-table td{padding: 15px;}
.contratc-table thead{color: #fff; font-size: 16px; font-weight: 600;}
.contratc-table thead tr{background-color: #343a44;}
.contratc-table tbody{font-size: 14px; color: #1b1e24;}
.contratc-table tbody tr:nth-child(odd){background-color: #fff;}
.contratc-table tbody tr:nth-child(even){background-color: #f1f1f1;}
.contratc-table tbody .icons img{width: 20px;float: left;margin-top: 0px;margin-right: 15px;}

.image-box-person{cursor: pointer;}
.image-box-person img{width: 100%;}
.full-img{position: absolute;z-index: 99;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;border-radius: 4px; display: none;}
.full-img img{margin: 0 auto;display: block;margin-top: 60px; max-width: 700px; max-height: 700px;}
.full-img .close{position: absolute; right: 0; top: 0; width: 32px; cursor: pointer; margin: 20px 20px 0 0;}
/*NEW CONTRACT*/
.single-contract-add{ width: calc(100% - 60px); min-height: 200px; overflow-y: scroll; margin-left: 30px; margin-top: 14px; padding: 30px; height: calc(100vh - 200px); position: absolute; z-index: 9; background-color: #fff; border-radius: 4px; display: none;}
.single-contract-add .action-add{float: right; cursor: pointer; margin: 0; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.single-contract-add .action-add img{margin-top: -3px; margin-left: 5px;}
.single-contract-add .action-add.red{color: #ed4350; margin-right: 20px;}
.single-contract-add .action-add.green{color:#39b44a;}
.single-contract-add .action-add.green, .single-contract-add .action-add.red{margin-right: 20px; line-height: 32px;}
.single-contract-add .title{font-weight: 700; font-size: 23px; float: left; margin: 0; color: #22262e;}
.single-contract-add .plate{color: #22262e; font-weight: 400; font-size: 20px; line-height: 22px; float: left;}
.single-contract-add .status-ball{width: 16px; height: 16px; border-radius: 50%; margin-left: 10px; float: left; margin-top: 3.5px;}
.single-contract-add .toogle{width: 26px; height: 26px; border-radius: 50%; margin-top: 4px; overflow: hidden; float: left; margin-left: 20px; cursor: pointer;}
.single-contract-add .toogle img{width: 100%;}
.single-contract-add .action{font-weight: 500; font-size: 14px; color: #279fd9; margin-top: 10px; cursor: pointer;}
.single-contract-add .action img{margin-top: -2px; margin-right: 5px;}
.single-contract-add .info-wrapp{margin-top: 30px; margin-bottom: 50px;}
.single-contract-add .info-wrapp .title-section{font-size: 16px; font-weight: 500; text-transform: uppercase; color: #989898; margin: 0;}
.single-contract-add .info-wrapp label{width: 100%; margin-top: 20px; border-bottom: 1px solid #cbcbcb; color: #1b1e24; line-height: 30px; font-weight: 700; font-size: 16px;}
.single-contract-add input[type="text"]{border: none; height: 30px; width: 100%; color: #989898; font-size: 16px; background: transparent;}
.single-contract-add input.active{border-radius: 4px; color:#333333; background: #f1f1f1; padding-left: 15px;}
.single-contract-add .info-wrapp select{height: 30px; border: none; padding-right: 28px; width: 100%; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; background: url('../images/select.svg') no-repeat; background-position: 95% 13px; cursor: pointer; text-indent: 0.01px; text-overflow: "";}
.single-contract-add .info-wrapp select:disabled{opacity: 0.5;}
.single-contract-add .info-wrapp p{font-weight: 700; margin-bottom: 2px;}
.single-contract-add .input-group-addon{padding: 6px 12px; background-color: #f1f1f1; border: none; border-radius: 0;}
.single-contract-add select{border-radius: 4px; padding-left: 15px; color: #333; background-color: #f1f1f1 !important;}
/*LIST DAMAGE*/
.top-bar.damage-top .filter-status p{font-size: 16px; font-weight: 600; color: #1b1e24; margin-top: 15px;}
.top-bar.damage-top .filter-status{height: 55px;}
.top-bar.damage-top .filter-status ul{height: 55px}
.top-bar.damage-top .filter-status ul li{margin-top: 16px;}
.core.damage-core{height: calc(100vh - 205px);}
.wrapper-damage-list table{width: 100%; border-radius: 4px; overflow: hidden;}
.wrapper-damage-list table td{padding: 15px;}
.wrapper-damage-list table thead{color: #fff; font-size: 16px; font-weight: 600;}
.wrapper-damage-list table thead tr{background-color: #343a44;}
.wrapper-damage-list table tbody{color: #1b1e24; font-size: 14px;}
.wrapper-damage-list table tbody tr:nth-child(odd){background-color: #fff;}
.wrapper-damage-list table tbody tr:nth-child(even){background-color: #f1f1f1;}
.wrapper-damage-list table .vehicle_table td{padding: 0;}
.wrapper-damage-list table .vehicle_table tr{background-color: transparent !important;}
.wrapper-damage-list table .vehicle_table .plate{color: #808080; font-size: 12px;}
.wrapper-damage-list table .damage img{margin-top: -5px; margin-right: 10px;}
.wrapper-damage-list table .controll img{float: right; width: 12px;}
.damages_hidden{background-color: #e1e1e1 !important; }
.damages_hidden.close{display: none;}
.damages_description{border-top: 2px solid;}
/*HOME*/
.home-core .vehicle_table{margin-bottom: 0;}
/*LIST CUSTOMERS*/
.wrapper-damage-list{width: 100%; min-height: 20px; overflow-y: scroll; height: calc(100vh - 246px);}
.wrapper-customer-list table{width: 100%; border-radius: 4px; overflow: hidden;}
.wrapper-customer-list table td{padding: 15px;}
.wrapper-customer-list table thead{color: #fff; font-size: 16px; font-weight: 600;}
.wrapper-customer-list table thead tr{background-color: #343a44;}
.wrapper-customer-list table tbody{font-size: 14px; color: #1b1e24;}
.wrapper-customer-list table tbody tr:nth-child(odd){background-color: #fff;}
.wrapper-customer-list table tbody tr:nth-child(even){background-color: #f1f1f1;}
.wrapper-customer-list table tbody .icons img{width: 20px;float: left;margin-top: 0px;margin-right: 15px;}
/*SINGLE CUSTOMER*/
.customer-status-vehicle{width: 100%; height: auto; overflow: hidden;}
.customer-status-vehicle .status-ball{float: left; width: 16px; height: 16px; border-radius: 50%; margin-top: 2px; margin-right: 10px;}
.customer-status-vehicle p{float: left;}

/*LIST DELIVERY*/
.top-bar.delivery-top{height: 70px;}
.core.delivery-core{height: calc(100vh - 205px);}
.wrapper-delivery-list{min-height: 20px; overflow-y: scroll; height: calc(100vh - 246px);}
.wrapper-delivery-list table{width: 100%; border-radius: 4px; overflow: hidden;}
.wrapper-delivery-list table td{padding: 15px;}
.wrapper-delivery-list table thead{color: #fff; font-size: 16px; font-weight: 600;}
.wrapper-delivery-list table thead tr{background-color: #343a44;}
.wrapper-delivery-list table tbody{font-size: 14px; color: #1b1e24;}
.wrapper-delivery-list table tbody tr:nth-child(odd){background-color: #fff;}
.wrapper-delivery-list table tbody tr:nth-child(even){background-color: #f1f1f1;}
.wrapper-delivery-list table tbody .icons img{width: 20px;float: left;margin-top: 0px;margin-right: 15px;}
.wrapper-delivery-list table .vehicle_table td{padding: 0;}
.wrapper-delivery-list table .vehicle_table tr{background-color: transparent !important;}
.wrapper-delivery-list table .vehicle_table .plate{color: #808080; font-size: 12px;}
.wrapper-delivery-list table .status-ball{height: 16px; width: 16px; border-radius: 50%;}
.wrapper-delivery-list table .status-ball span{padding-left: 25px;}
/*LIST REENTRY*/
.top-bar.reetry-top{height: 70px;}
.core.reetry-core{height: calc(100vh - 205px);}
.wrapper-reetry-list{min-height: 20px; overflow-y: scroll; height: calc(100vh - 246px);}
.wrapper-reetry-list table{width: 100%; border-radius: 4px; overflow: hidden;}
.wrapper-reetry-list table td{padding: 15px;}
.wrapper-reetry-list table thead{color: #fff; font-size: 16px; font-weight: 600;}
.wrapper-reetry-list table thead tr{background-color: #343a44;}
.wrapper-reetry-list table tbody{font-size: 14px; color: #1b1e24;}
.wrapper-reetry-list table tbody tr:nth-child(odd){background-color: #fff;}
.wrapper-reetry-list table tbody tr:nth-child(even){background-color: #f1f1f1;}
.wrapper-reetry-list table tbody .icons img{width: 20px;float: left;margin-top: 0px;margin-right: 15px;}
.wrapper-reetry-list table .vehicle_table td{padding: 0;}
.wrapper-reetry-list table .vehicle_table tr{background-color: transparent !important;}
.wrapper-reetry-list table .vehicle_table .plate{color: #808080; font-size: 12px;}
.wrapper-reetry-list table .status-ball{height: 16px; width: 16px; border-radius: 50%;}
.wrapper-reetry-list table .status-ball span{padding-left: 20px;}
.single-damage-box{display: none; margin-top: 20px; position: relative;}
.single-damage-box img{position: absolute; right: 0; margin-right: 15px; cursor: pointer; top: 0; margin-top: 28px; width: 14px;}
/*ADD REENTRY*/
.images_damages_zone{background-image: url('../images/segnala_danno.png'); width: 360px; margin-top: 20px; height: 460px; background-size: contain; background-repeat: no-repeat; position: relative; background-position: 50%;}
/*LIST PARTNER*/
.core.partner-core{height: calc(100vh - 195px); overflow-y: scroll;}
.wrapper-partner-list table{width: 100%; border-radius: 4px; overflow: hidden;}
.wrapper-partner-list table td{padding: 15px;}
.wrapper-partner-list table thead{color: #fff; font-size: 16px; font-weight: 600;}
.wrapper-partner-list table thead tr{background-color: #343a44;}
.wrapper-partner-list table tbody{font-size: 14px; color: #1b1e24;}
.wrapper-partner-list table tbody tr:nth-child(odd){background-color: #fff;}
.wrapper-partner-list table tbody tr:nth-child(even){background-color: #f1f1f1;}
.wrapper-partner-list table tbody .icons img{width: 20px;float: left;margin-top: 0px;margin-right: 15px;}
/*SINGLE PARTNER*/
.users-partner{width: 100%; border-radius: 4px; overflow: hidden; margin-top: 20px;}
.users-partner td{padding: 15px;}
.users-partner thead{color: #fff; font-size: 16px; font-weight: 600;}
.users-partner thead tr{background-color: #343a44;}
.users-partner tbody{font-size: 14px; color: #1b1e24;}
.users-partner tbody tr:nth-child(odd){background-color: #fff;}
.users-partner tbody tr:nth-child(even){background-color: #f1f1f1;}
.users-partner tbody .icons img{width: 20px;float: left;margin-top: 0px;margin-right: 15px;}
.users-partner tfoot{color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; text-align: center;}
.users-partner tfoot tr{background-color: #2495d3;}
.core.singlepartner-core{height: calc(100vh - 135px);}
.wrapper-partner-detail{padding: 30px; height: calc(100vh - 150px); min-height: 200px; overflow-y: scroll;}
.wrapper-partner-detail .avatar{height: 150px; background-size: contain; background-color: #fff; background-repeat: no-repeat; background-position: center; margin-left: 15px;}
.wrapper-partner-detail .main_info .name{font-size: 22px; font-weight: 700;}
.wrapper-partner-detail .main_info .tax{font-size: 16px;}
.wrapper-partner-detail .main_info .sector{font-size: 14px; font-weight: 700; font-style: italic; color: #4d4d4d;}
.wrapper-partner-detail .main_info .street{font-size: 12px;}
.wrapper-partner-detail .toogle{float: left; margin-left: 15px; cursor: pointer;}
.wrapper-partner-detail .toogle img{width: 26px; height: 26px;}
.wrapper-partner-detail .info-wrapp, .single-vehicle-add .info-wrapp{margin-top: 30px; transition: 0.4s; margin-bottom: 50px;}
.wrapper-partner-detail .info-wrapp .title-section{font-size: 16px; padding: 0; font-weight: 700; text-transform: uppercase; color: #555 !important; margin: 0;}
.wrapper-partner-detail .info-wrapp label{width: 100%; margin-top: 20px; border-bottom: 1px solid #cbcbcb; color: #444; line-height: 30px; font-weight: 400; font-size: 14px;}
.wrapper-partner-detail .info-wrapp input[type="text"], .info-wrapp input[type="password"]{border: none; font-weight: 600; height: 30px; padding-left: 15px; width: 100%; color: #555; font-size: 16px; background: transparent;}
.wrapper-partner-detail .info-wrapp p {border: none; height: auto; min-height: 30px; padding-left: 15px; width: 100%; color: #555 !important; font-weight: 600; font-size: 16px; background: transparent;}
.wrapper-partner-detail .info-wrapp input.active{border-radius: 4px; color:#333333; background: #f1f1f1; padding-left: 15px;}
.wrapper-partner-detail .info-wrapp select{height: 30px; border: none; padding-right: 28px; padding-left:15px; width: 100%; background: transparent; color: #555; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; background: url('../images/select.svg') no-repeat; background-position: 95% 13px; cursor: pointer; text-indent: 0.01px; text-overflow: ""; font-weight: 600;}
.wrapper-partner-detail .info-wrapp select:disabled{opacity: 0.5;}
.wrapper-partner-detail .info-wrapp select.no-img-select{background: transparent;}
.wrapper-partner-detail .info-wrapp select{border-radius: 4px; padding-left: 15px; color: #333; background-color: #f1f1f1;}
.social-partner{list-style: none; padding: 0; margin: 0; height: 30px; overflow: hidden; width: 100%; margin-top: 15px;}
.social-partner li{float: left; cursor: pointer; width: 28px; height: 28px;}
.social-partner li.social-icon{background-image: url('../images/social.png'); margin-right: 6px;}
.social-partner li.social-icon a{width: 27px; height: 27px; display: block;}
.social-partner li.social-icon.facebook{background-position: -7px -2px;}
.social-partner li.social-icon.twitter{background-position: -33px -30px;}
.social-partner li.social-icon.google{background-position: 62px -2px;}
.social-partner li.social-icon.instagram{background-position: -115px -1px;}
.social-partner li.social-icon.skype{background-position: -155px 177px;}
.vehicle_partner{height: 230px; overflow: hidden; margin-top: 20px;}
.vehicle_partner .image img{width: 100%;}
.vehicle_partner label{margin-top: 0 !important;}
.vehicle_partner p{margin-bottom: 2px;}
/*ADD PARTNER*/
.core.addpartner-core{height: calc(100vh - 135px);}
/*INVOICE*/
.top-bar.invoice-top{height: 70px;}
.core.invoice-core{height: calc(100vh - 205px);}
/*SINGLE INVOICE*/
.ivoice_table{width: 100%; border-radius: 4px; overflow: hidden; margin-top: 60px;}
.ivoice_table td{padding: 15px;}
.ivoice_table thead{color: #fff; font-size: 16px; font-weight: 600;}
.ivoice_table thead tr{background-color: #343a44;}
.ivoice_table tbody{font-size: 14px; color: #1b1e24;}
.ivoice_table tbody tr:nth-child(odd){background-color: #fff;}
.ivoice_table tbody tr:nth-child(even){background-color: #f1f1f1;}
.title_invoice{font-size: 18px; font-weight: 700;}
/*BOX STATUS VEHICLE CHANGE*/
.changestatus-box{display: none;background: #fff;position: absolute;z-index: 9;width: 460px;top: 110px;left: 50%;margin-left: -405px;height: auto;box-shadow: 1px 2px 4px rgba(0,0,0,0.5);padding: 20px;}
.changestatus-box img.imgstatus{position: absolute; top: 0; margin-top: -12px; left: 62px;}
.changestatus-box p{color: #333;text-transform: uppercase;font-size: 16px;font-weight: 600; margin-bottom: 20px;}
.changestatus-box button.btnstatus{width: 104px;height: 30px;float: left; opacity:0.5; margin-right: 2px;border: none;border-radius: 4px;color: #fff;font-weight: 600;cursor: pointer;}
.changestatus-box button.btnstatus:hover{opacity: 1;}
.changestatus-box .left-status{float: left; width: 50%;}
.changestatus-box label.lblstatus{margin-top: 20px;}
.changestatus-box .input-group{width: 90%;}
.changestatus-box input{padding-left: 15px; width: 100%;}
.changestatus-box .send_status{width: 100%; cursor: pointer; text-transform: uppercase; border:none; margin: 20px 0 0 0; font-weight: 600; color: #fff; height: 30px; border-radius: 4px; background-color: #279fd9;}

/*TIMEPICKER*/
.uib-timepicker{width: 100%;}
.form-control{webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background-color: #f1f1f1 !important; width: 98.55% !important;}

.pagination-list{height: auto; overflow: hidden; display: block; width: 100%; margin: 30px 0; padding: 0; list-style: none; margin-left: -15px;}
.pagination-list li{width: 25px; height: 25px; float: left; margin-right: 8px; margin-bottom: 8px; background-color: #1b1e24;}
.pagination-list li a{color: #fff; font-size: 16px; line-height: 25px; text-align: center; font-weight: 600; display: block; width: 100%; cursor: pointer;}

/* iPads (landscape) -----------  MD*/
@media only screen and (max-width : 1360px) {
    .invoice-box .money {font-size: 30px;}
    .button-blue{font-size: 12px;}
    .calendarcore{overflow-x: scroll;}
    .core .list-day, .core .calendar-wrapper .single-vehicle{width: 1185px;}
    .single-vehicle-detail .info-wrapp label, .single-vehicle-add .info-wrapp label{font-size: 12px;}
    #third_li_delivery, #fourth_li_delivery{display: none !important;}
    #third_li_reetry{display: none !important;}
    #third_li_damage{display: none !important;}
    #third_li_invoice{display: none !important;}
    #fourth_li_partner{display: none !important;}
    #fiveth_li_partner{display: none !important;}
    .order_arrow.desc{display: none;}
}
@media only screen and (max-width : 1199px) {
    .sidebar-menu.open_menu{display: none;}
    .dynamic-wrapper{padding-top: 60px;float: none;width: 100%!important;height: 100vh;margin: 0;}
    .home-core {height: 100vh !important;}
    .wrapper-home-single {height: calc(100vh - 50px);}
    .toogle_mobile{display: block;}
    nav .toogle-menu{padding: 0 5px;}
    .mainwrappercore{margin-top: 8px;}
    .core{height: calc(100vh - 158px);}
    .core.singlepartner-core{height: calc(100vh - 98px);}
    .single-vehicle-detail .info-wrapp label, .single-vehicle-add .info-wrapp label{font-size: 10px;}
    .wrapper-delivery-list {height: calc(100vh - 178px);}
    .wrapper-partner-detail{height: calc(100vh - 119px);}
    .single-vehicle-detail, .single-vehicle-add{height: calc(100vh - 108px);}
    .core.contract-core {height: calc(100vh - 165px);}
    .wrapper-contract-list{height: calc(100vh - 192px);}
    .core.delivery-core {height: calc(100vh - 163px);}
    .core.reetry-core { height: calc(100vh - 164px);}
    .wrapper-reetry-list {height: calc(100vh - 187px);}
    .loading{width: 100%;margin: 0;padding: 0;height: 100vh;}
    .loading .icon_load{margin-top: -160px;}
    .core.damage-core {height: calc(100vh - 160px);}
    .wrapper-damage-list {height: calc(100vh - 186px);}
    .core.invoice-core {height: calc(100vh - 158px);}
    .core.partner-core {height: calc(100vh - 146px);}
    .core.vehicle-core {height: calc(100vh - 154px);}
    .wrapper-vehicle-single{height: calc(100vh - 187px);}
}
@media only screen and (max-width : 1024px) {
    .wrapper-partner-detail .info-wrapp label{font-size: 11px;}
}

/* iPads (portrait) ----------- SM */
@media only screen and (max-width : 991px) {
    .home-core .background-blu{background: transparent;}
    .introduction-stats, .invoice-box p{color: #0277b3;}
    .invoice-box .money{color: #279fd9; font-size: 50px;}
    .home-core .ng-scope{padding-left: 0;}
    #vehicle_invoicetodo{padding-left: 15px;}
    .main-wrapper .top-bar{height: 154px;}
    .main-wrapper .top-bar.vehicle{height: 60px;}
    .main-wrapper .control-week p{width: 98%;}
    .main-wrapper .top-bar .search input{width: 97%;}
    .calendarcore{height: calc(100vh - 284px);}
    .invoice_wrap{margin-top: 94px;}
    .core.vehicle-core {height: calc(100vh - 176px);}
    .wrapper-vehicle-single{height: calc(100vh - 213px);}
    .main-wrapper .top-bar.customer-top{height: 60px;}
    .wrapper-partner-detail .avatar{margin-bottom: 20px;}
    .wrapper-partner-detail .toogle{margin-left: 0; margin-right: 15px; margin-top: 15px;}
    .single-vehicle-detail, .single-vehicle-add{height: calc(100vh - 112px);}
    .wrapper-delivery-list table tbody{font-size: 12px;}
    .main-wrapper .top-bar.contract-top{height: 60px;}
    .wrapper-contract-list table thead{font-size: 14px;}
    .wrapper-contract-list table tbody{font-size: 12px;}
    #contract_table{height: calc(100vh - 87px) !important;}
    #delivery_table{height: calc(100vh - 144px) !important;}
    #reentry_table{height: calc(100vh - 145px) !important;}
    #invoice_table{height: calc(100vh - 148px) !important;}
    #five_li_contract, #fourth_li_contract, #third_li_contract{display: none !important;}
    .main-wrapper .top-bar.delivery-top{height: 60px;}
    .core.delivery-core {height: calc(100vh - 156px);}
    .calendarcore {height: calc(100vh - 246px);}
    .core.vehicle-core {height: calc(100vh - 152px);}
    .wrapper-vehicle-single {height: calc(100vh - 180px);}
    .main-wrapper .top-bar.reetry-top{height: 60px;}
    .list-reetry span{margin-left: 5px !important; font-size: 12px;}
    .main-wrapper .top-bar.damage-top{height: 60px;}
    .single-vehicle-detail .title, .single-vehicle-add .title{width: 100%;}
    .imguploaddamage{margin-top: 120px !important;}
    .single-vehicle-detail .title, .single-vehicle-add .title{margin-bottom: 20px;}
    .main-wrapper .top-bar.invoice-top{height: 60px;}
    .main-wrapper .top-bar.partner-top{height: 60px;}
    .damages_box .info, .single-vehicle-box .info{height: 112px;}
    .single-vehicle-detail .title, .single-vehicle-add .title{margin-top: 20px;}
    #third_li_vehicle{display: none !important;}
    .single-vehicle-detail .plate, .single-vehicle-add .plate{margin-top: 20px;}
    .single-vehicle-detail .plate, .single-vehicle-add .plate{width: 100%;}
    .single-vehicle-detail .status-ball, .single-vehicle-add .status-ball{margin-left: 0;}
    .detailvehicleright{height: 105px !important;}
}

@media only screen and (max-width : 860px) {
    .main-wrapper .control-week p{width: 97.5%;}
    .contratc-table tbody{font-size: 12px;}
    .wrapper-partner-detail .info-wrapp p{line-height: 22px !important;margin-bottom: 20px;}
    .changestatus-box{width: 100%; margin: 0; left: 0; top: 50px;}
}

/* Smartphones (landscape) ----------- SM*/
@media only screen and (max-width : 768px) {
    .button-action{width: 100%;}
    .single-vehicle-detail .title, .single-vehicle-add .title{margin-bottom: 24px;}
    .wrapper-partner-detail .toogle{margin-bottom: 15px;}
    #third_li_customer{display: none !important;}
    .scrollx{overflow-x: scroll;}
    .imguploaddamage{margin-top: 150px !important;}
}


@media only screen and (max-width : 700px) {
    .main-wrapper .control-week p{width: 97%;}
    #second_li_customer{display: none !important;}
    .wrapper-delivery-list table tbody{font-size: 10px;}
    #second_li_reetry{display: none !important;}
    #third_li_partner{display: none !important;}
}

/*  Smartphones (landscape) */
@media only screen and (max-width : 650px) {
    .main-wrapper .top-bar .search input{width: 94%;}
    .single-vehicle-detail, .single-vehicle-add{padding: 0;}
    .single-damage-box input{width: 90% !important;}
    .wrapper-delivery-list table tbody .icons img{margin-bottom: 15px;}
    .vehicle_partner{height: 260px;}
    #second_li_damage{display: none !important;}
    #second_li_invoice{display: none !important;}
    #second_li_partner{display: none !important;}
    .core.partner-core{overflow-x: scroll;}
}

@media only screen and (max-width : 592px) {
    .main-wrapper .control-week p{width: 96%;}
    .customer-status-vehicle p{width: 98px !important; font-size: 12px !important;}
    .wrapper-delivery-list table .status-ball span{padding-left: 18px;}
    #second_li_delivery{display: none !important;}
    .core.reetry-core {height: calc(100vh - 150px);}
    #second_li_invoice{display: none !important;}
    .wrapper-partner-detail .info-wrapp p{margin-bottom: 40px;}
}


@media only screen and (max-width : 480px) {
    .core{padding: 5px;}
    nav .logo{width: 170px;}
    .invoice_wrap{margin-top: 68px;}
    .single-vehicle-detail .title, .single-vehicle-add .title{font-size: 18px;}
    .single-damage-box input {width: 85% !important;}
    .main-wrapper .control-week p {width: 95.5%;}
    .top-bar .search-single input{width: calc(100% - 100px);}
    #second_li_contract{display: none !important;}
    .main-wrapper .top-bar .search-single select {width: 36px;padding-left: 37px;background-position: 13px 18px;}
    .core.contract-core {height: calc(100vh - 156px);}
    .wrapper-contract-list {height: calc(100vh - 179px);}
    .main-wrapper .top-bar .search-single select{width: 36px;padding-left: 37px;background-position: 12px 18px;}
    .list-damage span{margin: 0 !important;}
    #second_li_vehicle{display: none !important;}
}

@media only screen and (max-width : 415px) {
    .main-wrapper .control-week p {width: 95%;}
    .single-vehicle-detail .title, .single-vehicle-add .title{font-size: 16px;}
    .single-vehicle-detail .plate, .single-vehicle-add .plate{font-size: 16px;}
    .single-vehicle-detail .invoice_wrap .total_invoice{font-size: 16px;}
    .invoice_wrap{margin-top: 70px;}
    .imgvehicledetail{height: 120px !important;}
    .wrapper-partner-detail .info-wrapp p{font-size: 12px;}
    .vehicle_partner{height: 285px;}
    .customer-status-vehicle p {width: 84px !important;}
    .add_field{padding-left: 10px;}
}

/* Smartphones (portrait) (ie: Iphone 4/ 4s) XS*/
@media only screen and (max-width : 380px) {
    .main-wrapper .control-week p{width: 94%;}
    .single-vehicle-detail .toogle, .single-vehicle-add .toogle{margin-left: 0;}
    .main-wrapper .top-bar .search input{width: 90%;}
    .main-wrapper .top-bar .search-single select{width: 36px;background-position: 13px 19px;padding-left: 35px;}
    .calendarcore {height: calc(100vh - 252px);}
    .core.vehicle-core {height: calc(100vh - 158px);}
    .wrapper-vehicle-single {height: calc(100vh - 166px);}
    .single-vehicle-detail, .single-vehicle-add{height: calc(100vh - 112px);}
    .single-vehicle-detail .title, .single-vehicle-add .title{width: 140px;}
    .imgvehicledetail{background-size: 140px !important;background-position: 94% 50% !important;}
    .add_field{padding-left: 4px;}
    .imguploaddamage {margin-top: 220px !important;}
    .top-bar .search-single input {width: calc(100% - 92px);}
    .wrapper-partner-detail .info-wrapp p{margin-bottom: 80px;}
    .single-vehicle-detail .invoice_wrap .total_invoice{margin-top: 130px;}
}