@media all {
    *{margin:0;padding:0;border:0;border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    *{font-family:Trebuchet MS;color:#444;}
    *{transition:0.3s;}
    
    body{background:linear-gradient(to right,rgba(50,50,50,1),rgba(150,150,150,1));padding:10px;}
    input,select,checkbox,textarea:focus{outline:none;}
    img{display:block;}
    li{list-style:none;}
   
    .underline{text-decoration: underline}
    
    .white{color:#fff};
    .red{color:#f00;}  
    .gray{color:#999;}
    .lightGray{color:#bbb;}
    .green{color:#3da376;}
    .blue{color:rgb(55,112,204)}
    .right{text-align:right;}    
    .float{float:left;}
    .floatRight{float:right;}
    .textRight{text-align:right;}
    .top40{margin-top:40px;}  
    .bold{font-weight: bold;}
    .fifteen{font-size:15px;}
    
    /*ANCHORS*/    
    a{text-decoration:none;color:rgb(55,112,204);cursor:pointer;}
    a:HOVER{color:#000;}
    a.white{color:#fff;}
    a.white:HOVER{color:#000;}
    a.button{float:left;width:auto;padding:5px 15px;margin-right:20px;background-color:rgba(50,50,50,1);cursor:pointer;border-radius:5px;}
    a.button:HOVER{background-color:rgba(255,0,0,1);color:#ccc;}
    a.listAddButton{padding:4px 10px;border-radius:5px;background-color:#999;font-size:12px;font-weight:bold;color:#fff;}
    a.listAddButton:HOVER{background-color:#333;}
    a.addButton{padding:0 4px 2px 4px;border-radius:5px;background-color:#999;font-size:11px;font-weight:bold;color:#fff;display:inline-block;}
    a.addButton:HOVER{background-color:rgb(55,112,204);}
    a.editButton{padding:2px 5px 4px 5px;border-radius:5px;background-color:#999;display:inline-block;}
    a.editButton:HOVER{background-color:#333;}
    a.editButtonSmall{padding:0 4px 2px 4px;border-radius:5px;background-color:#999;display:inline-block;}
    a.editButtonSmall:HOVER{background-color:#333;}
    a.deleteButton{padding:2px 5px 4px 5px;border-radius:5px;background-color:#999;font-size:11px;font-weight:bold;color:#fff;display:inline-block;}
    a.deleteButton:HOVER{background-color:#f00;}
    a.tag{float:left;margin:0 10px 10px 0;padding:5px 10px;border-radius:5px;background-color:rgb(55,112,204);font-size:11px;font-weight:bold;color:#fff;}
    a.tag:HOVER{background-color:#333}
    a.red {color: #FF0000; text-decoration: none;}
    a.red:hover {color: #000; text-decoration: none;}
    a.black {text-decoration: none;color: #000;}
    a.black:HOVER {text-decoration: none;background-color:#000;color: #fff;}
    a.yellow {color: #cbcb64;}
    a.yellow:HOVER {text-decoration: none;background-color:#cbcb64;color: #fff;}
    a.lightBlue {color: #369ed8;}
    a.lightBlue:HOVER {text-decoration: none;background-color:#369ed8;color: #fff;}
    a.midGrey {color: #999;}
    a.midGrey:HOVER {background-color:#999;color: #fff;}
    a.darkRed {color: #990000;}
    a.darkRed:HOVER {background-color:#990000;color: #fff;}
    a.green {color: #3da376;}
    a.green:HOVER {background-color:#3da376;color: #fff;}
    a.listLabel {text-decoration: none;color: #f8f8f8;}
    a.listLabel:HOVER {text-decoration: none;color: #fff;}
    a.fullList{color:#fff;font-size:11px;padding:3px 10px;position:relative;top:-1px;margin:0 0 0 15px;background-color:rgba(55,112,204,0.15);border-radius:5px;}
    a.fullList:HOVER{background-color:rgba(55,112,204,1);}
    a.calendarDay{background-color:rgb(55,112,204);font-weight:bold;color:#fff}
    a.calendarDay:HOVER{background-color:rgb(120,30,30);color:#fff}
    a.step{margin:0 2px;padding:0 6px;background-color:#666;border-radius:5px;color:#fff;}
    a.step:hover{background-color:#000}
    
    /*MENU*/
    #menu{position:fixed;left:10px;top:50px;width:50px;margin-top:0;z-index:100;}
    ul{list-style:none;}
    .hamburger{width:50px;height:80px;padding-top:20px;background-color:rgba(55,112,204,1);border-bottom:1px solid rgba(200,200,200,1);}
    .hamburger:HOVER{background-color:rgba(25,82,174,1)}
    .hamburger img{padding:10px 15px;;cursor:pointer;}
    .menuIcon{padding:10px 15px;}
    .mainMenu{width:50px;height:40px;background-color:rgba(150,150,150,0.95);border-bottom:1px solid rgba(200,200,200,1);position:relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .mainMenu:HOVER{background-color:rgba(50,50,50,1);}
    .mainMenu:FOCUS{background-color:rgba(50,50,50,1);}
    .subMenu{position:relative;left:50px;top:-40px;width:150px;list-style:none;display:none;}
    .mainName{width:180px;height:40px;font-size:13px;font-weight:bold;padding:11px 15px;border-bottom:1px solid rgba(150,150,150,1);background-color:rgba(50,50,50,1);color:#fff;}
    .subName{width:180px;height:40px;padding:12px 15px 11px 15px;font-size:13px;background-color:rgba(100,100,100,1);color:#fff;border-bottom:1px solid rgba(150,150,150,1);cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .subName:HOVER{background-color:rgba(90,90,90,1)}
    .helpMenu{width:50px;height:40px;padding:10px 15px;background-color:rgba(150,150,150,0.95);border-bottom:1px solid rgba(200,200,200,1);cursor:pointer;position:relative;}
    .helpMenu:HOVER{background-color:rgba(250,200,0,1);}
    .remMenu{width:50px;height:40px;background-color:rgba(150,150,150,0.95);border-bottom:1px solid rgba(200,200,200,1);position:relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .remMenu:HOVER{background-color:rgba(55,112,204,1);}
    .rem{position:relative;left:50px;top:-40px;width:280px;padding:10px 0 0 0;font-size:13px;background-color:rgba(55,112,204,1);color:#fff;display:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    div.message_box{width:260px;margin:0 10px;color:#fff;}
    div.message_box p{border:1px solid #fff;padding:5px;margin-bottom:10px;color:#fff;text-align:center;}
    .rem form{margin:0;border:0;}
    .rem form textarea{width:260px;height:60px;margin:0 10px 10px 10px;padding:5px;resize:none;border:0;background-color:rgba(250,250,250,0.2);font-size:12px;color:#fff;font-style:italic;}
    .rem form textarea:focus{box-shadow:0px 0px #fff;}
    .rem button{width:280px;padding:10px 15px;background-color:rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);text-align:left;color:#fff;cursor:pointer;}
    .rem button:HOVER{background-color:rgba(255,255,255,0);}
    
    /*HELP*/
    .helpBox{margin-top:20px;border-top:1px solid #ddd;display:none;}
    .helpBox h2{padding:20px 0;font-size:19px;font-weight:normal;background-color:#fff;border:0;}
    .helpBox p{font-size:13px;color:#000;line-height:150%;}
    .helpBox p,b{font-size:13px;color:#000;line-height:150%;}
    .helpBox a{font-size:13px;font-weight:bold;}
    .tags{border-top:1px solid #999;padding-top:30px;overflow:auto;}  
    
    /*MESSAGE*/
    .form_message_error{margin:0 0 20px 0;padding:10px;font-size:13px;line-height:150%;text-align:center;color:#fff;border-radius:10px 0;border:1px solid #f00;background-color:rgba(255,0,0,0.8);}
    .form_message_alert{margin:0 0 20px 0;padding:10px;font-size:13px;line-height:150%;text-align:center;color:#fff;border-radius:10px 0;border:1px solid #ffa500;background-color:rgba(255,165,0,0.8);}
    .form_message_success{margin:0 0 20px 0;padding:10px;font-size:13px;line-height:150%;text-align:center;color:#fff;border-radius:10px 0;border:1px solid #008542;background-color:rgba(0,133,66,0.8);}
    .form_message_question{margin:0 0 20px 0;padding:10px;font-size:13px;line-height:150%;text-align:center;color:#fff;border-radius:10px 0;border:1px solid #777;background-color:rgba(100,100,100,0.8);}

    /*PAGINATION*/
    .pagination{clear:left;}
    .pagination ul{list-style: none;overflow:auto;}
    .pagination ul li{float:left;border:1px solid #eee;border-radius: 20px;margin:2px;padding:5px 9px;font-size:13px;cursor:pointer;}
    .pagination ul li:hover{background-color:#eee;}
    .pagination ul li.text{float:left;border:0;margin:0;padding:5px 10px 5px 0;font-size:13px;cursor:default;}
    .pagination ul li.text:HOVER{background-color:#fff;}
    .pagination ul li.current{border:0;padding:6px 10px;background-color:rgb(55,112,204);color:#fff;cursor:default;}
    .listPagination{clear:left;}
    .listPagination ul{list-style: none;overflow:auto;}
    .listPagination ul li{float:left;margin:2px;font-size:13px;}
    .listPagination ul li.current{border:0;border-radius: 20px;padding:5px 9px;background-color:rgb(55,112,204);color:#fff;}
    .pages{border:1px solid #eee;border-radius: 20px;padding:5px 9px;font-size:13px;display:inline-block;}
    .pages:hover{background-color:#eee;}       
    
    /*FOOTER*/
    footer{}
    footer p{padding:10px 70px;font-size:12px;color:#999;}
    footer span{font-weight:bold;color:#fff;}
    .admin{border:1px solid #999;overflow:auto;margin:10px 0;}
    .admin div{float:left;color:#fff;padding:20px;}
    .admin div pre{font-size:12px;color:#fff;}   
    
    /*AFFEECTED BY MEDIA*/
    
    /*LAYER*/
    #infoLayer{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
    #infoBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:90%;height:90vh;border-radius:5px;background-image:url('/design/image/loader.gif');background-position:center;background-repeat:no-repeat;}
    
    /*LOGIN*/
    .loginLayer{position:fixed;top:0;left:0;width:100%;height:100%;}
    .loginContainer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;min-width:90%;height:50vh;min-height:250px;border-radius:10px;text-align:center;}
    .logoBox{position:relative;width:100%;height:25vh;min-height:250px;background-color:#fff;border-radius:10px 10px 0 0;}
    .logoBoxContent{margin:0 auto;position: absolute;width:100%;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;}
    .logoBox p{font-size:15px;text-align:center;}
    .logoBox img{margin:0 auto;}
    #formBox{position:relative;width:100%;min-width:90%;height:25vh;min-height:250px;background-color:rgb(200,200,200);border-radius:0 0 10px 10px;border-bottom:5px solid rgb(55,112,204);}
    .error{background-color:rgb(200,30,30);}
    .formBoxContent{margin:0 auto;position:absolute;width:100%;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;}
    .formBoxContent form{border:0;}
    .formBoxContent .loginRow{margin:10px auto;padding-top:3px;height:40px;width:30%;min-width:300px;background-color:#fff;border-radius:3px;}
    .formBoxContent .loginRow span{display:block;font-size:11px;text-align:center;color:#999;padding:0;margin:0;}
    .formBoxContent .loginRow input{position:relative;top:-5px;width:200px;border:0;background-color:rgba(0,0,0,0);height:auto;font-size:13px;text-align:center;border-radius:3px;}
    .formBoxContent .loginRow input:focus{box-shadow:0px 0px #fff;font-size:13px;text-align:center;}
    .formBoxContent p{margin:20px 0;font-size:15px;text-align:center;color:rgb(200,200,200)}
    .copyright{margin:15px auto;font-size:10px;color:rgba(255,255,255,0.5);}
    .loginButton{margin:10px 0 40px 0;padding:8px 20px;border-radius:20px;background-color:rgb(55,112,204);font-size:15px;color:#fff;cursor:pointer;}
    .loginButton:HOVER{background-color:rgb(25,82,170)}
    
    /*HEADER*/
    header{height:30px;margin-bottom:10px;}
    .flex{font-family:Arial;font-size:23px;color:rgb(55,112,204);}
    .flex b{font-size:23px;color:rgb(55,112,204);}
    .flex span{font-size:17px;color:#ccc;}
    .flex p.timer{float:right;color:rgba(255,255,255,0.5);font-size:23px;cursor:help;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    
    /*MAIN*/    
    main{min-height:500px;background-color:#fff;padding:0 20px 25px 20px;overflow:auto;border-left:50px solid rgba(150,150,150,0.95);border-bottom:5px solid rgba(55,112,204,1);border-radius: 0 0 0 0}
    h1{font-size:21px;font-weight:normal;}
    .subTitle{font-size:14px;font-weight:normal;}
    .header{padding:25px 0;}
    .login{border-top:1px solid #333;padding:20px 0 5px 0;}
    .content{margin-bottom:30px;}

    /*DASH*/
    .dashAlertContainer{clear:left;width:100%;overflow:auto;}
    .dashFullContainer{clear:left;margin:0 0 20px 0;width:100%;overflow:auto;}
    h3{margin:0;padding:10px 20px;font-size:18px;background-color:#f5f5f5;border-bottom:1px solid #eee;}
    h2{margin:0;padding:2px 10px 10px 10px;font-size:21px;background-color:#f5f5f5;border-bottom:1px solid #eee;}
    h2 span{color:#999;font-weight:100;}
    h3{clear:left;margin:0;padding:10px 20px;font-size:18px;background-color:#f5f5f5;border-bottom:1px solid #eee;margin-bottom:10px;}
    h3.important{background-color:#f00;border-bottom:1px solid #f00;color:#fff;}
    h3.red{color:#f00;}
    h4{margin:0;padding:10px 0 8px 0;font-size:15px;border-bottom:1px solid #eee;}
    .info{margin-top:5px;font-size:11px;color:#999;line-height:150%;}
    .dashLeft{width:100%;overflow:auto;}
    .dashLeft table{width:100%;margin:10px 0 20px 0;}
    .dashRight{width:100%;overflow:auto;}
    .dashRight table{width:100%;margin:10px 0 20px 0;}
    .dashFull{clear:left;margin:20px 0;width:100%;border:1px solid #eee;overflow:auto;display:block;}
    .dashHalf{margin-top:20px;width:100%;border:1px solid #eee;overflow:auto;}
    .dashTwoThirdLeft{margin-top:20px;width:100%;border:1px solid #eee;overflow:auto;}
    .dashOneThirdRight{margin-top:20px;width:100%;border:1px solid #eee;overflow:auto;}
    .dashOneThirdRight table{width:100%;}
    .dashHeaderSmall{padding:10px 10px 0 10px;font-size:11px;background-color:#f5f5f5;}
    .dashBoxContainer{padding:10px;}    
    button.dashSyncButton{margin:0 5px 10px 0;padding:5px 10px 6px 30px;border-radius:5px;background-color:#999;background-image:url('/design/image/iconSyncButton.png');background-position:left center;background-repeat:no-repeat;color:#fff;display:inline-block;vertical-align:middle;cursor:pointer;}
    button.dashSyncButton:HOVER{background-color:rgb(55,112,204);}    
    .dashBoxContainer p{margin-top:10px;font-size:13px;color:#999;line-height:140%;}    
    .serviceList{padding:20px 0;padding-left:10px;margin-bottom:20px;border-bottom:1px solid #eee;list-style: disc;}
    .serviceList li{font-size:13px;padding:3px 0;}
    ul.dashAlertList{padding:0 20px 10px 20px;list-style:none;}
    ul.dashAlertList li{padding:2px 0;font-size:13px;}
    
    .calendar{width:100%;margin-top:20px;border:1px solid #eee;}
    .calendarContainer{width:100%;background-color:rgba(0,0,0,0.02);}
    .calendarMonthName{padding: 10px 20px;background-color:rgba(0,0,0,0.05);font-size:19px;text-align:center;}
    .calendarDayContainer{padding:20px;}
    .calendarBlank{float:left;width:14.28%;padding:5px;font-size:15px;}
    .calendarDay{float:left;width:14.28%;padding:5px;font-size:15px;text-align:center;border:1px solid #fff;background-color:rgba(0,0,0,0.1);}
    .calendarDay:HOVER{background-color:rgba(0,0,0,0.2);}
    .calendarWeekdayContainer{clear:left;padding:20px;overflow:auto;}
    .calendarWeekday{float:left;width:14.28%;padding:5px;font-size:12px;text-align:center;border:1px solid #fff;background-color:rgba(0,0,0,0.05);}
    .scheduleDate{font-size:21px;padding:10px 0;font-weight:bold;}
    .scheduleDepartment{font-size:19px;padding-top:10px;}
    .scheduleTime{font-size:45px;font-weight:bold;}

    table.booking{width:100%}
    table.booking tr{background-color:rgba(240,240,240,0.5);cursor:pointer;}
    table.booking tr:HOVER{background-color:rgba(240,240,240,1)}
    table.booking td{padding:10px;}
    td.bookingHeader{font-size:11px;color:#999;background-color:#fff;}
    td.bookingTime{width:65px;font-size:15px;border:2px solid #fff;color:#fff;}
    .free{background-color:rgb(60,160,120);}
    .booked{background-color:rgb(55,112,204);}
    td.bookingData{font-size:13px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
    .dashUserData{width:100%;padding:20px;}
    .dashUserData img{width:100%;}
    .dashUserName{text-align:center;margin:10px 0 0 0;font-size:27px;}
    .dashUserFirstName{text-align:center;margin:5px 0 0 0;padding-bottom:10px;font-size:19px;border-bottom:1px dotted #666;}
    .dashUserPhone{text-align:center;margin:10px 0 0 0;font-size:15px;font-weight:bold;}
    .dashUserEmail{text-align:center;margin:5px 0 0 0;font-size:13px;overflow:hidden;}
    .dashUserStat{width:100%}
    .dashInner100{width:100%;padding:20px;}
    .dashInner66{width:100%;padding:10px;}
    .dashInner33{width:100%;padding:10px;}
    .dashInfo{font-size:13px;font-style:italic;line-height:150%;color:#999;padding:0px 20px;margin-bottom:40px;}

    .fullWidth{margin-top:20px;width:100%;overflow:auto;display:inline-block;}
    .halfWidth{float:left;margin-top:20px;width:50%;overflow:auto;display:inline-block;}
    .dashHeader{margin:0 10px;padding:10px;font-size:13px;font-weight:bold;background-color:#f5f5f5}
    .dashText{margin:0 10px;padding:0 0 4px 0;font-size:11px;}
    .dashList{margin:0 10px;padding:4px 0;border-top:1px dotted #666;}
    .dashList li{padding:2px 0;font-size:12px;}
    .dashTextSpace{margin:20px 10px 0 10px;padding:0 0 4px 0;font-size:11px;}
    .dashBigValue{margin:0 10px 0 10px;padding-bottom:0;font-size:45px;font-weight:bold;border-top:1px dotted #666;white-space: nowrap;}
    .dashBigValue span{margin:0px 10px 10px 10px;padding-bottom:2px;font-size:13px;font-weight:normal;}  
    .dashChartValue{margin:0 10px 10px 10px;font-size:42px;font-weight:bold;border-top:1px dotted #666;white-space: nowrap;}
    .dashMediumValue{margin:0 10px 10px 10px;font-size:30px;font-weight:bold;border-top:1px dotted #666;white-space: nowrap;}  
    .dashMediumValue span{margin:0px 10px 10px 10px;padding-bottom:2px;font-size:13px;font-weight:normal;}  
    .dashSmallValue{margin:0 10px 10px 10px;padding:3px 0;font-size:15px;font-weight:bold;border-top:1px dotted #666;white-space: nowrap;}
    .dashSmallValue span{font-size:13px;font-weight:normal;white-space: nowrap;color:#999;}
    .dashReferenceValue{margin:0 10px 10px 10px;padding:3px 0;font-size:13px;white-space: nowrap;color:#999}
    .dashReferenceValueBottom{margin:0 10px 20px 10px;padding:3px 0;font-size:13px;white-space: nowrap;color:#999}
    
    .chart{background-color:#fff;width:100%;padding:20px;display:inline-block;}
    .chartTitle{padding-bottom:10px;font-size:15px;font-weight:bold;text-align:center;border-bottom:1px solid #ddd;}
    .chartContainer {overflow:auto;border:0px solid #eee;margin:0;padding:20px;}
    .dataContainer{overflow:hidden;width:720px;height:260px;padding:10px 0;background-position:left bottom;}
    .svgContainer{position:relative;height:160px;margin-bottom:10px;background-image:url('/design/image/graphBackground.png');background-position:left top;border-bottom:1px solid #ccc;}
    .lineChart{position:relative;top:0;left:0;width:720px;height:160px;}
    .chartValue{float:left;width:60px;padding:4px;}
    .chartButtonBlue{width:32px;height:32px;border-radius:16px;background-color:#3770cc;display:inline-block;margin:0 10px;padding-top:9px;color:#fff;text-align:center;font-size:13px;font-weight:bold;}
    .chartButtonGreen{width:32px;height:32px;border-radius:16px;background-color:#3da376;display:inline-block;margin:0 10px;padding-top:9px;color:#fff;text-align:center;font-size:13px;font-weight:bold;}
    .chartButtonGreen:HOVER{background-color:#297d5a;color:#fff}
    .chartMonth{float:left;width:60px;padding:5px 0;font-size:11px;text-align:center;line-height:120%;}
    .chartCircle{width:40px;height:40px;border-radius:20px;background-color:#3da376;display:inline-block;margin:0 6px;padding-top:13px;color:#fff;text-align:center;font-size:13px;font-weight:bold;}

    
    .servicelabel{display: none;}
    .servicelabel + label {float:left;margin:10px 10px 0 0;background-color:rgba(205,32,38,1);border-radius:15px;padding:9px 15px 10px 15px;text-align:center;font-size:11px;font-weight:bold;color:#fff;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .servicelabel:checked + label {background-color:#0a0;}
    
    /*ALERTS*/
    .noalert{float:left;width:100%;margin:0 0 15px 0;padding:15px 20px;border-radius:20px 0 20px 0;background-color:#3da376;text-align:left;}    
    .postit{float:left;width:100%;margin:0 0 15px 0;padding:15px 20px;border-radius:20px 0 20px 0;cursor:pointer;text-align:left;}
    .postitTitle{color:#fff;font-size:15px;padding:0 0 5px 0;text-transform: uppercase;}
    .postitText{color:#fff;font-size:12px;}
    .alert{background-color:rgba(250,0,0,1);}
    .alert:HOVER{background-color:rgba(206,28,30,1)}
    .warning{background-color:rgba(250,200,0,1);}
    .warning:HOVER{background-color:rgba(216,175,15,1)}
    .remark{background-color:rgba(55,112,204,1);}
    .remark:HOVER{background-color:rgba(110,30,30,1)}
    .neutral{background-color:rgba(20,100,180,1);}
    .neutral:HOVER{background-color:rgba(24,87,155,1)}    

    /*TABS*/
    .tabs{z-index:10;overflow:auto;position:relative;}
    .tab{float:left;width:40px;height:100px;overflow:hidden;position:relative;}
    .tabText{position:relative;top:30px;left:-30px;height:40px;width:100px;overflow:hidden;padding:10px;background-color:#fff;border-left:1px solid #999;color:#999;white-space:nowrap;transform:rotate(-90deg);cursor:pointer;}
    .tabText:HOVER{color:#333;}
    .tabTextOpen{position:relative;top:30px;left:-30px;height:40px;width:100px;overflow:hidden;padding:0 10px;background-color:#fff;border-radius:0px 5px 5px 0px;border:1px solid #999;border-left-color:#fff;white-space:nowrap;transform:rotate(-90deg);;cursor:pointer;}
    .tabLine{position:relative;top:-1px;border-bottom:1px solid #999;margin-bottom:20px;}
    .language {margin:30px 0 20px 0;overflow:auto;position:relative;}
    .languageTabs{z-index:10;height:29px;overflow:hidden;position:relative;}
    .languageTab{float:left;width:auto;overflow:auto;}
    .languageTabText{font-size:12px;width:auto;height:29px;padding:5px 20px;border-bottom:1px solid #ddd;border-left:0px;cursor:pointer;}
    .languageTabTextRed{font-size:12px;width:auto;height:29px;padding:5px 20px;border-bottom:1px solid #ddd;border-left:0px;color:#f00;cursor:pointer;}
    .languageTabTextRed:HOVER{color:#333;}
    .languageTabTextOpen{font-size:12px;width:auto;height:29px;padding:5px 20px;border:1px solid #ddd;border-radius:5px 5px 0px 0px;border-bottom-color:#fff;cursor:pointer;}
    .languageTabLine{position:relative;top:-1px;border-bottom:1px solid #ddd;}             
    .siteTabs{overflow:auto;margin-bottom:20px;}
    .siteTabs li{float:left;}
    .siteTab{display:inline-block;border-bottom:1px solid #ccc;padding:10px 20px;margin-right:5px;font-size:13px;color:#ccc;}
    .siteTab:HOVER{border-bottom-color:#3770cc;color:#3770cc;}
    .siteTabOpen{display:inline-block;border-bottom:1px solid #333;padding:10px 20px;margin-right:5px;font-size:13px;cfont-weight:bold;color:#333;}
    .siteTabOpen:HOVER{border-bottom-color:#3770cc;color:#3770cc;}
    
    /*TABLES*/
    .table{margin:30px 0 30px 0;overflow:auto;}
    .containerTable{margin:0 0 30px 0;overflow:auto;}
    .containerTable table{width:100%;margin-bottom:10px;}
    .containerTable tr:HOVER{background-color:#eee;}
    .containerTable td{padding:10px 20px;border-bottom:1px solid #eee;font-size:13px;}
    .containerTable i{display:inline-block;padding:0 20px 10px 20px;color:#999;font-size:13px;}
    .formTable{margin:0 0 30px 0;padding-top:30px;overflow:auto;border-top:1px solid #999;}
    .dashTable {width:100%;border:1px solid #eee;}
    .imageTable {width:100%;border:1px solid #eee;}
    .imageTable img {float:left;width: 12.5%;display: block;cursor:pointer;}
    .faded{opacity: 0.2;filter: alpha(opacity=20)}
    .listTable {width:100%;border:1px solid #eee;}
    .listTable tr{border:1px solid #eee;}
    .listTable tr:HOVER{background-color:#f5f5f5;}
    .listTable tr.inactive{border-left:1px solid red;border-left:1px solid red;opacity: 0.4;filter: alpha(opacity=40)}
    .listTable tr.deceased{border-left:1px solid black;border-right:1px solid black;opacity: 0.4;filter: alpha(opacity=40)}
    .listBox {max-width:100%;margin:0 0 30px 0;overflow: auto;}
    .listBoxHeader {padding: 10px;background-color: #f8f8f8;border: 1px solid #eee;font-size: 15px; color: #666;}
    .listBoxCell{padding: 10px;font-size: 13px; line-height:140%;color: #666; white-space: nowrap;}
    .listBoxCellInfo {padding: 10px 20px;font-size: 12px;font-style:italic;line-height:140%;color:#999;}
    .listBoxCell img.mini {width: 24px;display: block;}
    .listBoxCell img {width: 50px;display: block;}
    .listBoxCell img:HOVER {width: 200px;}
    .listBoxCell .icon {width: 16px;float:left;}
    .listBoxCell .icon:HOVER {width: 16px;}
    .listBoxCell img.big {width: 400px;display: block;}
    .listBoxCell input{height:14px;cursor:pointer;}
    .listBoxCellNumber{display:inline-block;width:20px;text-align:right;}
    .listBoxCellError {padding: 10px;font-size: 13px; color: #f00;}
    .listBoxCellYellow {padding: 10px;font-size: 13px; color: #fd0;}
    .listBoxCellRed {padding: 10px;font-size: 13px; color: #f00;}
    .listBoxCellGreen {padding: 10px;font-size: 13px; color: #339d68;}
    .listBoxCellBlue {padding: 10px;font-size: 13px; color: rgb(55,112,204);}
    .listBoxCellWhite {padding: 10px;font-size:13px; color: #fff;}
    .listBoxCellFade {padding: 10px;font-size:13px; color: #ccc;}
    .listBoxDataHeader {padding: 5px 10px;font-size:11px; color: #aaa; white-space: nowrap;}
    .listBoxButton {padding: 10px 20px;background-color: #3770cc;border: 1px solid #eee;font-size: 11px; color: #fff;cursor:pointer;}
    .listBoxButton:HOVER {background-color: #385c99;}
    .listBoxCell table{border:0;}
    .listBoxCell table tr{border:0;}
    img.listIcon{display:inline;width:15px;height:15px;vertical-align:middle;}
    img.listIcon:HOVER{width:15px;height:15px;}
    img.listSmallIcon{display:inline;width:12px;height:12px;margin:0 0 2px 0;vertical-align:middle;}
    img.listSmallIcon:HOVER{width:12px;height:12px;}
    img.syncIcon{padding:3px 4px 4px 4px;border-radius:5px;background-color:#999;color:#fff;display:inline-block;cursor:pointer;}
    img.syncIcon:HOVER{background-color:rgb(55,112,204);}
    img.sortButton{display:inline-block;border-radius:5px;background-color:#999;width:20px;height:20px;padding:4px;cursor:pointer;}
    img.sortButton:HOVER{background-color:rgb(55,112,204);width:20px;height:20px;}
    
    .listMagicInput{background-image: url('/design/image/iconMagicEdit.png');background-position:left center;background-repeat:no-repeat;width:100%;border:0px;padding-left:30px;}
    .listMagicSelect{background-color:#fff;background-image: url('/design/image/iconMagicEdit.png');background-position:left center;background-repeat:no-repeat;border:0px;padding-left:30px;}
    
    .scroll{display:block;padding:1px 10px 0 0;height:17px;line-height:150%;overflow:auto;cursor:default;}
    .scroll:hover{height:auto;}
    .hideOnMobile{display:none;}
    
    /*FORM*/
    form.overviewHeader{padding:25px 0;}
    form.overviewHeader .overview{font-size:14px;font-weight:normal;}
    form.overviewHeader select{position:relative;left:-5px;padding:0;margin:0;border:0;font-size:21px;font-weight:normal;}
    form.overviewHeader select:focus{box-shadow: 0px 0px #fff;}
    form{margin-top:0px;width:auto;border-top:1px solid #f5f5f5;}
    form.multilanguage{border-top:0px solid #f5f5f5;}
    form.select{border:0;}
    form.list{float:right;margin-left:5px;}
    .formRowService{height:auto;padding:10px 0 0 0;overflow:auto;}
    .formRow{height:auto;padding:3px 5px;border-bottom:1px solid #f5f5f5;overflow:auto;}
    .formRow:HOVER{background-color:#f5f5f5;}
    .formRowFloat{float:left;height:auto;margin-bottom:20px;padding:6px 5px 20px 5px;overflow:auto;}
    .formRowFloat:HOVER{background-color:#f5f5f5;}
    .formRowSeparated{width:100%;height:auto;margin-bottom:20px;padding:6px 5px 20px 5px;border-bottom:1px solid #999;overflow:auto;}
    .formRowSeparated:HOVER{background-color:#f5f5f5;}
    .formRowBorderless{width:100%;height:auto;padding:5px 5px 0px 5px;overflow:auto;}
    .formImageContainer{float:left;width:200px;height:110px;background-position:top left;background-repeat:no-repeat;background-size: 190px;position:relative;display:table;}
    .formImageContainer .caption{display:table-cell;vertical-align:bottom;}
    .sortable{background-image:url('/design/image/iconSort.png');background-position:center left;background-repeat: no-repeat;}
    .caption p{width:190px;background-color:rgba(255,255,255,0.8);padding:5px 0 0 0;font-size:13px;text-align:center;}
    .formImage{width:190px;}
    .formText{padding:2px 0;color:#555;font-size:13px;line-height:140%;}
    .formTextMandatory{padding:2px 0;font-size:13px;font-weight:bold;}
    .formElement{width:100%;float:left;}
    .formElement img.image{width:520px;}
    .width50{width:100%;}
    .width100{width:100%;}
    .width200{width:100%;}
    .width300{width:100%;}
    .width400{width:100%;}
    .width500{width:100%;}
    .formInfo{clear:left;margin:5px 0px 0px 10px;padding:2px 0;font-size:11px;font-style:italic;line-height:150%;color:#aaa;text-align:left;}
    input{margin:2px auto;padding:0px 10px;height:30px;border:1px solid #ccc;font-size:13px;}
    input.attribute{attrirgin:2px auto;padding:0px 10px;height:24px;min-width:100px;width:100%;border:0;font-size:13px;}
    input.attribute:focus{margin:2px auto;padding:0px 10px;height:24px;width:100%;border:1px solid #3770cc;font-size:13px;}
    input.hidden{display:none;}
    input:focus{box-shadow:-2px 0px #3770cc;}
    select{margin:2px 0;width:100%;height:30px;border:1px solid #ddd;font-size:13px;padding:5px 10px;}
    select:focus{box-shadow:-2px 0px #3770cc;}
    select .multiple{float:left;padding:5px;height:90px;border:1px solid #ddd;font-size:13px;}
    option{padding:5px 10px;font-size:13px;}
    textarea{padding:10px;width:100%;height:180px;border:1px solid #ccc;font-size:13px;}
    textarea:focus{box-shadow: -2px 0px #3770cc;}
    .leadarea{padding:10px 10px;width:100%;height:90px;border:1px solid #ccc;font-size:13px;}
    .extra{padding:10px 10px;width:100%;height:180px;border:1px solid #ccc;font-size:13px;}
    .checkbox{width:auto;}
    .checkboxcopy{display: none;}
    .checkboxcopy + label {margin:5px 0 5px 0;background-color:#ccc;border-radius:12px;padding:0 5px;text-align:center;font-size:11px;font-weight:bold;color:#fff;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .checkboxcopy:checked + label {background-color:#333;}  
    .checkboxpaste{display: none;}
    .checkboxpaste + label {margin:5px 0 5px 0;background-color:#ccc;border-radius:12px;padding:0 5px;text-align:center;font-size:11px;font-weight:bold;color:#fff;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .checkboxpaste:checked + label {background-color:rgb(55,112,204);}  
    .checkboxlabel{display: none;}
    .checkboxlabel + label {float:left;margin:5px 0 5px 0;background-color:rgba(205,32,38,1);border-radius:12px;padding:5px 10px 6px 10px;text-align:center;font-size:11px;font-weight:bold;color:#fff;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .checkboxlabel:checked + label {background-color:#0a0;}  
    .checkboxlabel{display: none;}
    .checkboxlabel + label {float:left;margin:5px 0 5px 0;background-color:rgba(205,32,38,1);border-radius:12px;padding:5px 10px 6px 10px;text-align:center;font-size:11px;font-weight:bold;color:#fff;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .checkboxlabel:checked + label {background-color:#0a0;}  
    .checkboxOnOff {display: none; }
    .checkboxOnOff + label {margin:5px 0 0 0;background-image:url('/design/image/checkboxOff.png');width:30px;height:20px;display: inline-block;position: relative;cursor:pointer;}
    .checkboxOnOff:checked + label {background-image:url('/design/image/checkboxOn.png');}
    
    .formLine{clear:left;margin:10px 0 20px 0;border-top:1px solid #eee;}
    .radio {display: none;}
    .radio + label {float:right;margin:40px 0 5px 0;width:30px;height:30px;background-color:#fff;border: 1px solid #ccc;border-radius:15px;padding:6px;text-align:center;font-size:14px;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .radio:checked + label {background-color:#0060aa;border-color:#0060aa;color:#fff;}  
    .radioInfo{margin-top:48px;font-size:13px;color:#999}
    .mandatory{border:1px solid #000;}
    .missing{border:1px solid #f00;background-color:#ffe5e5;}
    .multipleMandatory{border:1px solid #cd2026;}
    .multipleMissing{border:1px solid #f00;background-color:#ffe5e5;}
    .buttonRow{clear:left;margin:20px 0 0 0;padding:20px 0;border-top:1px solid #999;overflow:auto;}
    button.post{padding:7px 20px;border:1px solid #333;border-radius:5px;font-weight:bold;color:#fff;background-color:#555;cursor:pointer;}
    button.post:HOVER{background-color:#333;}
    button.edit{padding:0 5px;height:auto;border-radius:5px;border:1px solid #333;font-size:11px;color:#fff;background-color:#555;cursor:pointer;}
    button.edit:HOVER{background-color:#333;}
    button.delete{padding:0 5px;height:auto;border-radius:5px;border:1px solid #333;font-size:11px;color:#fff;background-color:#555;cursor:pointer;}
    button.delete:HOVER{border:1px solid #d71e20;background-color:#F00;}
    button.onOff{padding:3px;;border-radius:5px;border:1px solid #333;font-size:11px;color:#fff;background-color:#555;cursor:pointer;}
    button.onOff img{height:15px;width:30px;}
    
    
    
    /*
    .overviewBox {width:33.33%;margin:0 0 30px 0;overflow: auto;}
    .toggle{cursor:pointer;}
    .toggleHighlighted{cursor:pointer;}
    */
}

@media (min-width:768px) and (orientation:landscape) {
    
    
    /*LAYER*/
    #infoLayer{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
    #infoBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50vw;height:50vh;border-radius:0 0 0 0;}
    #closeLayer{position:relative;top:25%;left:50%;transform:translate(-50%,0);width:50vw;height:70px;cursor:pointer;}
    #closeLayer img{float:right;margin:20px 30px;padding:7px;background-color:rgba(0,0,0,0.1);border:1px solid #fff;border-radius:5px;}
    
    /*LOGIN*/
    .loginContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;min-width:360px;height:50vh;min-height:250px;border-radius:0px 0 50px 0;}   
    
    /*HEADER*/
    h1{font-size:25px;}
    h2{padding:2px 20px 10px 20px;}
    
    /*DASH*/    
    .dashHeaderSmall{padding:10px 20px 0 20px;}
    .dashHalf{width:50%;float:left;}
    .dashLeft{width:100%;}
    .dashRight{width:100%;}
    .halfWidth{margin-top:20px;float:left;width:50%;}    
    .dashTwoThirdLeft{float:left;width:65%;}
    .dashOneThirdRight{float:right;width:32%;}
    .dashInner66{float:left;width:66.66%;padding:10px;}
    .dashInner33{float:left;width:33.33%;padding:10px;}
    .dashUserData{width:50%;float:left;padding:20px;}
    .dashUserName{font-size:27px;}
    .dashUserFirstName{font-size:21px;}
    .dashUserPhone{font-size:17px;}
    .dashUserEmail{font-size:15px;}
    .dashUserStat{width:50%;float:left;}
    .dashSmallValue{font-size:17px;}
    .dashSmallValue span{font-size:15px;}
    .dashMediumValue{font-size:51px;}
    .dashBigValue{font-size:74px;}
    .dashBigValue span{font-size:15px;} 
    .scheduleDate{font-size:27px;}
    .scheduleDepartment{font-size:24px;}
    .scheduleTime{font-size:64px;}   
    
    .chart{width:50%;float:left;}
    
    /*TABS*/
    .tabs{z-index:10;height:40px;overflow:hidden;position:relative;}
    .tab{float:left;width:auto;overflow:auto;position:static;}
    .tabText{position:static;width:auto;padding:10px 20px;border-bottom:1px solid #999;border-left:0px;transform:none;}
    .tabTextOpen{position:static;width:auto;padding:10px 20px;border:1px solid #999;border-radius:5px 5px 0px 0px;border-bottom-color:#fff;transform:none;}	
    
    /*ALERTS*/
    .postit{float:left;width:auto;max-width:50%;margin:0 15px 15px 0;padding:20px;border-radius:20px 0 20px 0;background-color:rgba(250,0,0,1);cursor:pointer;text-align:left;}
    .noalert{background-color:#3da376;}    
    .alert{;background-color:rgba(250,0,0,1);}
    .alert:HOVER{background-color:rgba(206,28,30,1)}
    .warning{background-color:rgba(250,200,0,1);}
    .warning:HOVER{background-color:rgba(216,175,15,1)}
    .remark{background-color:rgba(55,112,204,1);}
    .remark:HOVER{background-color:rgba(110,30,30,1)}
    .neutral{background-color:rgba(20,100,180,1);}
    .neutral:HOVER{background-color:rgba(24,87,155,1)}
    
    /*FORM*/
    form.overviewHeader select{left:0px;font-size:25px;}  
    .formText{float:left;width:200px;padding:8px 10px 0 10px;text-align:right;}
    .formTextMandatory{float:left;width:200px;padding:8px 10px 0 10px;text-align:right;}
    .formElement{width:auto;margin-right:10px;}
    .formInfo{clear:left;margin:5px 0px 0px 200px;padding:2px 0;font-size:11px;font-style:italic;color:#aaa;text-align:left;}
    .history{float:right;}
    .width50{width:50px;}
    .width100{width:100px;}
    .width200{width:200px;}
    .width300{width:300px;}
    .width400{width:400px;}
    .width500{width:500px;}
    select{width:auto;}
    textarea{width:460px;}
    .buttonRow{}
    button.post{padding:7px 20px;}
    .checkbox{width:auto;}
    .checkboxlabel{display: none;}
    .checkboxlabel + label {float:right;margin:5px 0 5px 0;background-color:rgba(205,32,38,1);border-radius:12px;padding:5px 10px 6px 10px;text-align:center;font-size:11px;font-weight:bold;color:#fff;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .checkboxlabel:checked + label {background-color:#0a0;}  

    /*TABLES*/
    .listTable{width:100%;border:1px solid #eee;}
    .listBox{float:left;max-width:30%;margin: 0 30px 0 0;overflow: auto;}	
    .listBoxHeader {padding: 10px 20px;}
    .listBoxCell {padding: 10px 20px;}
    .listBoxCellError {padding: 10px 20px;}
    .listBoxCellYellow {padding: 10px 20px;}
    .listBoxCellRed {padding: 10px 20px;}
    .listBoxCellGreen {padding: 10px 20px;}
    .listBoxCellBlue {padding: 10px 20px;}
    .listBoxCellWhite {padding: 10px 20px;}
    .listBoxCellFade {padding: 10px 20px;}
    .listBoxDataHeader {padding: 5px 20px;} 
    .hideOnMobile{display:table-cell;}   

}

@media (min-width:1200px) {
    
    
    /*LAYER*/
    #infoLayer{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
    #infoBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50vw;height:50vh;border-radius:5px;}
    
    /*LOGIN*/
    .loginContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;min-width:360px;height:50vh;min-height:250px;border-radius:0px 0 50px 0;}   
    
    /*HEADER*/
    h1{font-size:25px;}
    h2{padding:2px 20px 10px 20px;}
    
    /*DASH*/    
    .dashHeaderSmall{padding:10px 20px 0 20px;}
    .dashLeft{width:100%;}
    .dashRight{width:100%;}
    .halfWidth{margin-top:20px;float:left;width:50%;}    
    .dashTwoThirdLeft{float:left;width:66%;display:inline-block;}
    .dashOneThirdRight{float:right;width:33%;}
    .dashInner66{float:left;width:66.66%;padding:10px;}
    .dashInner33{float:left;width:33.33%;padding:10px;}
    .dashUserData{width:50%;float:left;padding:20px;}
    .dashUserName{font-size:27px;}
    .dashUserFirstName{font-size:21px;}
    .dashUserPhone{font-size:17px;}
    .dashUserEmail{font-size:15px;}
    .dashUserStat{width:50%;float:left;}
    .dashSmallValue{font-size:15px;}
    .dashSmallValue span{font-size:15px;}
    .dashMediumValue{font-size:30px;}
    .dashBigValue{font-size:45px;}
    .dashReferenceValue{font-size:13px;}
    .dashBigValue span{font-size:15px;} 
    .scheduleDate{font-size:27px;}
    .scheduleDepartment{font-size:24px;}
    .scheduleTime{font-size:64px;}   
    
    /*TABS*/
    .tabs{z-index:10;height:40px;overflow:hidden;position:relative;}
    .tab{float:left;width:auto;overflow:auto;position:static;}
    .tabText{position:static;width:auto;padding:10px 20px;border-bottom:1px solid #999;border-left:0px;transform:none;}
    .tabTextOpen{position:static;width:auto;padding:10px 20px;border:1px solid #999;border-radius:5px 5px 0px 0px;border-bottom-color:#fff;transform:none;}	
    
    /*ALERTS*/
    .postit{float:left;width:auto;max-width:50%;margin:0 15px 15px 0;padding:20px;border-radius:20px 0 20px 0;background-color:rgba(250,0,0,1);cursor:pointer;text-align:left;}
    .noalert{background-color:#3da376;}    
    .alert{;background-color:rgba(250,0,0,1);}
    .alert:HOVER{background-color:rgba(206,28,30,1)}
    .warning{background-color:rgba(250,200,0,1);}
    .warning:HOVER{background-color:rgba(216,175,15,1)}
    .remark{background-color:rgba(55,112,204,1);}
    .remark:HOVER{background-color:rgba(110,30,30,1)}
    .neutral{background-color:rgba(20,100,180,1);}
    .neutral:HOVER{background-color:rgba(24,87,155,1)}
    
    /*FORM*/
    form.overviewHeader select{left:0px;font-size:25px;}    
    .formText{float:left;width:200px;padding:8px 10px 0 10px;text-align:right;}
    .formTextMandatory{float:left;width:200px;padding:8px 10px 0 10px;text-align:right;}
    .formElement{width:auto;margin-right:10px;}
    .formInfo{clear:left;margin:5px 0px 0px 200px;padding:2px 0;font-size:11px;font-style:italic;color:#aaa;text-align:left;}
    .history{float:right;}
    .width50{width:50px;}
    .width100{width:100px;}
    .width200{width:200px;}
    .width300{width:300px;}
    .width400{width:400px;}
    .width500{width:500px;}
    select{width:auto;}
    textarea{width:460px;}
    .buttonRow{}
    button.post{padding:7px 20px;}
    .checkbox{width:auto;}
    .checkboxlabel{display: none;}
    .checkboxlabel + label {float:right;margin:5px 0 5px 0;background-color:rgba(205,32,38,1);border-radius:12px;padding:5px 10px 6px 10px;text-align:center;font-size:11px;font-weight:bold;color:#fff;display: inline-block;position: relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .checkboxlabel:checked + label {background-color:#0a0;}  

    /*TABLES*/
    .listTable{width:100%;border:1px solid #eee;}
    .listBox{float:left;max-width:30%;margin: 0 30px 0 0;overflow: auto;}	
    .listBoxHeader {padding: 10px 20px;}
    .listBoxCell {padding: 10px 20px;}
    .listBoxCellError {padding: 10px 20px;}
    .listBoxCellYellow {padding: 10px 20px;}
    .listBoxCellRed {padding: 10px 20px;}
    .listBoxCellGreen {padding: 10px 20px;}
    .listBoxCellBlue {padding: 10px 20px;}
    .listBoxCellWhite {padding: 10px 20px;}
    .listBoxDataHeader {padding: 5px 20px;} 
    .hideOnMobile{display:table-cell;}   

}

    
    .inputTranslate{width:100%;border:0px;padding:10px;}
    .inputTranslate:focus{box-shadow: 0px 0px 5px gray;}