﻿#frameMainForm {
    min-width: 1024px;
}

html, body {
    width: 100%;
    height: 100%;
    display: block;
    font-family: 'Segoe UI', Arial, Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    min-width: 1024px;
    overflow: hidden;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #a5a5a5;
    border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: linear-gradient(-180deg, #006158, #74bfb8 );
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(-180deg, #006158, #74bfb8 );
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #bdb3b3;
    }

#settingsNav.dxnbLite .dxnb-item.dxnb-link, .dxnbLite .dxnb-item .dxnb-link {
    padding: 3px 4px 4px;
}

.LabelGreetings {
    min-width: 200px;
    text-align: left !important;
    width: 99%;
    font-size: 19px;
    float: left;
    margin-top: 46%;
    padding-left: 2%;
    height: 20%;
    font-weight: 600;
    display: inline-block;
    color: #ffffff !important;
}





#companyDetails {
    float: left;
    clear: both;
    width: 100%;
    height: 92.5%;
    margin-left: 0px;
    border-width: 0px;
    background-color: #2DAA9E;
}


.dvnsLeft {
    width: 15%;
    height: 100%;
    float: left;
}

.dvnsRight {
    width: 100%;
    height: 100%;
    padding-left: 0px;
    float: left;
}


.footer {
    width: 99.5%;
    height: 1%;
    float: left;
    min-height: 15px;
    border-bottom: 5px solid #207970;
    border-left: 3px solid #207970;
    border-right: 3px solid #207970;
    margin-top: -3px;
}

.footerLeft {
    width: 70%;
    height: 100%;
    float: left;
}

.footerRight {
    width: 30%;
    height: 100%;
    float: right;
}

.MainheaderSec1 {
    width: 14%;
    float: left;
    height: 100%;
    margin-left: 0px;
    min-width: 315px;
}

.MainheaderSec2 {
    width: 37%;
    height: 100%;
    float: left;
}

.MainheaderSec3 {
    width: 25%;
    height: 100%;
    float: right;
    margin-right: 1%;
}


.secPlaceHolder {
    width: 36%;
    float: left;
    height: 100%;
    background-color: #006158;
    padding-right: 1px;
}


.btnDashboard {
    width: 100%;
    height: 55px;
    min-width: 140px;
    float: left;
    padding-left: 1px;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align: top !important;
    margin-left: 0px;
    background-color: #d9390f;
    color: white;
    border: 1px solid gray;
    border-radius: 0px;
}

    .btnDashboard:hover:enabled {
        cursor: pointer;
        border: 1px solid black;
    }

.MainheaderSec {
    width: 8%;
    float: left;
    height: 54px;
    min-width: 140px;
}

#MainHeader {
    height: 5%;
    margin-left: 5px;
    min-height: 55px;
    color: black;
    float: left;
    min-width: 1366px;
    width: 99.5%;
    border-radius: 0;
    display: block;
    background: -moz-linear-gradient(0% 50% 0deg,rgba(183, 222, 219, 1) 0%,rgba(32, 154, 143, 1) 44.09%,rgba(9, 143, 131, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(183, 222, 219, 1) 0%, rgba(32, 154, 143, 1) 44.09%, rgba(9, 143, 131, 1) 100%);
    background: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(0,rgba(183, 222, 219, 1) ),color-stop(0.4409,rgba(32, 154, 143, 1) ),color-stop(1,rgba(9, 143, 131, 1) ));
    background: -o-linear-gradient(0deg, rgba(183, 222, 219, 1) 0%, rgba(32, 154, 143, 1) 44.09%, rgba(9, 143, 131, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(183, 222, 219, 1) 0%, rgba(32, 154, 143, 1) 44.09%, rgba(9, 143, 131, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7DEDB', endColorstr='#098F83' ,GradientType=0)";
    background: linear-gradient(90deg, rgba(183, 222, 219, 1) 0%, rgba(32, 154, 143, 1) 44.09%, rgba(9, 143, 131, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7DEDB',endColorstr='#098F83', GradientType=1);
}

.dashboarduser {
    float: left;
    clear: none;
    width: 16%;
    height: 100%;
    margin: 0 auto;
    min-width: 210px;
    background-color: lightCoral;
    margin-left: 5%;
    display: block;
}

#mainmenutop {
    float: left;
    clear: both;
    width: 100%;
    height: 5%;
    min-height: 55px;
    margin: 0 auto;
}

#MainForm {
    height: 100%;
    min-width: 1366px;
    width: 100%;
    display: block;
}

#dashboardmain {
    background-size: cover;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    left: 0px;
}


.secContHolder {
    width: 100%;
    float: left;
    height: 100%;
}



.lblLeftSec1 {
    width: 72px;
    float: left;
    margin-left: 10px;
    margin-top: 6px;
}

.lblLeftSec2 {
    width: 32px;
    float: left;
    margin-left: 2%;
    margin-top: 6px;
}




.btnsearch {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 5%;
    margin-top: 0px;
    background-image: url("../../Images/FormImages/persons.png");
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}


.btnbookingsinfo {
    background-image: url(/images/FormImages/info.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: 0px;
    float: left;
    margin-top: 0;
    margin-left: 2%;
    cursor: pointer;
    border: 1px solid #d9390f;
}

.btnShowTeamMembers {
    background-image: url('../Images/FormImages/teampersons.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: 0px;
    float: left;
    margin-top: 0;
    margin-left: 23%;
    cursor: pointer;
    border: 1px solid #d9390f;
}

.secCompOne {
    width: 38%;
    height: 100%;
    float: left;
    margin-left: 4%;
    margin-top: 0px;
}



.secCompThree {
    width: 260px;
    height: 100%;
    float: right;
    margin-top: 2px;
}




.secLeftOne {
    width: 60%;
    height: 100%;
    float: left;
}

.secMid {
    width: 20%;
    float: left;
    height: 100%;
}

.lblCompName {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 4%;
    color: red;
    font-size: 17px;
}

.secRight {
    width: 20%;
    height: 100%;
    float: left;
}

#contentarea {
    float: left;
    clear: both;
    width: 100%;
    height: 80%;
}

.userNameSec {
    width: 98%;
    height: 24%;
    float: left;
    background-color: #006158;
    margin-left: 2%;
    position: relative;
    min-width: 177px;
}

.contPlcHolder {
    width: 79%;
    height: 100%;
    float: left;
}

.secLeftDVNS {
    width: 60%;
    height: 100%;
    float: left;
}

.secOneHeader {
    width: 100%;
    height: 5%;
    min-height: 25px;
    float: left;
    margin-top: 7%;
}

.secOne {
    width: 100%;
    height: 16%;
    min-height: 25px;
    float: left;
}

.secRightDVNS {
    width: 40%;
    height: 100%;
    float: left;
}

.slnModules {
    width: 100%;
    height: 70%;
    background-color: rgba(255, 255, 255, 1);
    float: left;
}

.topuserbar {
    height: 60%;
    width: 100%;
    float: left;
    clear: both;
    box-shadow: 2px gray;
}

.lbldashboard {
    display: block;
    text-align: left;
    width: 97%;
    padding-top: 0px;
    font-size: 14px;
    color: #ffffff;
    padding-left: 3%;
    text-wrap: normal;
}

.slns {
    width: 100%;
    height: 50%;
    float: left;
}

.slnsLeft {
    width: 55%;
    height: 100%;
    float: left;
}


.secSlnHeader {
    width: 100%;
    height: 20%;
    float: left;
}

.lblKrutecSftwr {
    width: 95%;
    float: left;
    margin-left: 4%;
    font-size: 18px;
}

.secSlnContent {
    width: 100%;
    height: 80%;
    float: left;
}

.modules {
    width: 100%;
    height: 80%;
    float: left;
}

.nameModule {
    width: 100%;
    height: 20%;
    float: left;
}

.lblNameOfModule {
    width: 7%;
    float: left;
    margin-right: 1%;
}

.slnsMid {
    width: 19%;
    height: 100%;
    float: left;
}

.slnsRight {
    width: 25%;
    height: 100%;
    float: left;
}

.usertitle {
    float: left;
    clear: both;
    width: 100%;
    height: 39%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.btnSln {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 4px;
    margin-left: 4%;
    margin-top: 17px;
}

.btnSlnSft {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 3px;
    margin-left: 4%;
    margin-top: 7px;
}

.btnSln2 {
    width: 80px;
    height: 80px;
    float: right;
    margin-right: 4px;
    margin-top: 17px;
}

#Time_Attendance_NavBar.dxnbLite {
    color: black;
    background-color: white;
    font: 12px Tahoma, Geneva, sans-serif;
    list-style: none none outside;
    margin: 0;
    padding: 0px;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.NavPanel {
    width: 73%;
    height: 92%;
    float: left;
    margin-left: 10%;
    margin-top: 59px;
}

.btnLogoutsolution {
    float: right;
    margin: 9px 20px 0 0;
    width: 200px;
    height: 40px;
    border: 1px solid gray;
    border-radius: 5px;
    background-position-x: 15px;
    background-position-y: center;
    background-image: url('../Images/FormImages/Keys.png');
    background-repeat: no-repeat;
}

    .btnLogoutsolution:hover:enabled {
        cursor: pointer;
        background-color: white;
        border: 1px solid black;
    }

.lblDateDisplay {
    width: 50%;
    display: inline-block;
    font-weight: 600;
    margin-top: 6%;
    font-size: 19px;
    text-align: left;
    display: none;
}


.lblDateName {
    width: 42%;
    display: inline-block;
    font-weight: 600;
    margin-top: 6%;
    text-align: right;
    padding-right: 5px;
    font-size: 17px;
    color: #098f83;
}

.secCompanyName {
    width: 99.5%;
    height: 6%;
    float: left;
    background-color: #ffffff;
    border: 3px solid #207970;
    border-radius: 5px;
}


.newstandardbutton {
    float: left;
    height: 20px;
    font-weight: 600;
    width: 20px;
    margin-left: 8%;
    margin-top: 9px;
    background-image: url('../../Images/FormImages/cancel.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: none;
    display: none;
}



.btnPassChange {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 0;
    margin-top: 11px;
    background-image: url('../../Images/FormImages/lock.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}

.btnlanguage {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 34px;
    margin-left: 0px;
    margin-top: 11px;
    background-image: url("../Images/FormImages/Language.PNG");
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
    margin-right: 3px;
}

.btnPersons {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 2%;
    margin-top: 0;
    background-image: url('../../Images/FormImages/persons.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}

.btnCalender {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 5%;
    margin-top: 7px;
    background-image: url('../../Images/FormImages/calender.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}

.btnPersonal {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 5%;
    margin-top: 7px;
    background-image: url('../../Images/FormImages/personal.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}


.btnBackHome {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 5%;
    margin-top: 7px;
    background-image: url('../Images/FormImages/BackHome.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: none;
}


.btnPersons2 {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 5%;
    margin-top: 9px;
    background-image: url('../../Images/FormImages/persons.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}

.btnCalender2 {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 5%;
    margin-top: 9px;
    background-image: url('../../Images/FormImages/calender.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}

.btnPersonal2 {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 15%;
    margin-top: 9px;
    background-image: url('../../Images/FormImages/personal.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
}

.btnDiskett {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 35px;
    margin-left: 0;
    margin-top: 5px;
    background-image: url('../../Images/FormImages/diskett.png');
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
}

.newstandardbutton:hover:enabled {
    cursor: pointer;
}

.LabelGreetingsNames {
    text-align: left !important;
    /* width: 5%; */
    font-size: 19px;
    float: left;
    margin-top: 2%;
    padding-left: 2%;
    height: 36%;
    font-weight: 600;
    color: #098f83;
    display: none;
}


.lblDateNameNes {
    width: 21%;
    display: inline-block;
    font-weight: 600;
    margin-top: 8%;
    text-align: right;
    padding-right: 5px;
    font-size: 19px;
    color: #098f83;
    display: none;
}


.LabeTimes {
    text-align: left !important;
    /* width: 6%; */
    font-size: 19px;
    float: left;
    margin-top: 2%;
    padding-left: 22%;
    height: 36%;
    font-weight: 600;
    color: #098f83;
    display: none;
}

.LabelUserNamenew {
    text-align: left !important;
    font-size: 19px;
    float: left;
    padding: 0px 10px 10px 10px;
    height: 44%;
    font-weight: 600;
    display: inline-block;
    background-color: #ececec;
    border-radius: 5px;
    color: #207970;
    width: 50%;
}

.LabelDisplayTime {
    text-align: left !important;
    font-size: 19px;
    float: left;
    padding: 2px 2px 15px 28px;
    height: 31%;
    font-weight: 600;
    display: inline-block;
    background-color: #ececec;
    border-radius: 5px;
    color: #000;
    width: 13%;
    margin-left: 14%;
    min-width: 59px;
    border: 1px solid #ff0000;
}


.btnMstSettings {
    /*border: none !important;*/
    background-color: transparent !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    /*background-image: none !important;*/
    color: #009bd8 !important;
    float: right;
    margin-top: 20%;
    margin-right: 10%;
    background-image: url('../Images/FormImages/settings.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 2px;
}

    .btnMstSettings:hover:enabled {
        cursor: pointer;
    }

.lblZeiten {
    float: right;
    width: 96%;
    margin-top: 4%;
    text-align: right;
    margin-right: 2%;
    font-weight: 600;
}

/*.pagenamelblnew {
    font-size:14px !important;
}*/
.pagenamelblnew {
    font-size: 14px !important;
    width: 60% !important;
    margin-top: -12px !important;
}

.LabelUserName {
    min-width: 200px;
    text-align: left !important;
    width: 99%;
    font-size: 19px;
    float: left;
    padding-left: 2%;
    height: 20%;
    font-weight: 600;
    display: inline-block;
    color: #ffffff !important;
}

._griddatemover1 {
    width: 12%;
    /*display: none;*/
    border: solid 1px;
    height: 27px;
    vertical-align: top;
    margin-left: 2px;
    border-radius: 5px;
    min-width: 131px;
    float: left;
    margin-top: 29px;
}

.griddatemover1 {
    width: 42%;
    /* display: none; */
    border: solid 1px;
    height: 25px;
    vertical-align: top;
    margin-left: 236px;
    border-radius: 5px;
    min-width: 131px;
    float: left;
    margin-top: 3px;
    /*margin-bottom: 16px;*/
}

#Label6 {
    display: none;
}

.griddatemoverleft21 {
    height: 100%;
    float: left;
    width: 12%;
}

.korbtnFvNavPrevNr21 {
    border: currentColor;
    border-image: none;
    width: 100%;
    height: 100%;
    background-image: url('../../Images/FormImages/ArrowLeft.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-position: left;
    border-radius: 5px;
    cursor: pointer;
}

.griddatemovercenter21 {
    width: 76%;
    vertical-align: top;
    float: left;
    height: 100%;
    padding: 0px 0px 0px 0px;
    border: none;
    overflow: hidden;
}

.griddatemoverright21 {
    height: 100%;
    width: 12%;
    float: left;
}

.korbtnFvNavNexNrt21 {
    border: currentColor;
    border-image: none;
    width: 100%;
    height: 100%;
    background-image: url('../../Images/FormImages/ArrowRight.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position: right;
    border-radius: 5px;
    cursor: pointer;
}

.lblMonthdate {
    width: 3%;
    min-width: 22px;
    float: left;
    margin-top: 37px;
    margin-left: 8px;
}

#btnWorkFlow, .btnWorkFlow {
    float: left;
    height: 35px;
    font-weight: 600;
    width: 34px;
    margin-left: 0px;
    margin-top: 11px;
    background-color: #ffffff;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer !important;
    border: 1px solid #207970;
    margin-right: 3px;
    background: url(../Images/FormImages/Icon_WEB.psd.png);
    background-position: center;
    background-size: cover;
    color: forestgreen;
    border: none;
}

.prompttopclose {
    width: 100%;
    float: left;
    background-color: transparent;
    clear: none;
    height: 27px;
}

.lbltitletop {
    width: 91%;
    float: left;
    clear: none;
    height: 100%;
    font-size: 16px;
    text-align: center;
    color: #000000;
    font-weight: 600;
}

.promptbtnclose {
    width: 25px;
    float: right;
    margin-right: 8px;
    clear: none;
    height: 25px;
    background-image: url('../Images/FormImages/promptclose.png');
    background-repeat: no-repeat;
    background-color: transparent;
    border: none !important;
    cursor: pointer;
}

.secPromptImg {
    display: block;
    height: 37%;
    width: 95%;
    float: left;
    padding-left: 1%;
    padding-top: 1%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.promptImg {
    width: 50px !important;
    height: 50px !important;
    float: left;
    padding: 5px;
    clear: both;
}

.secPromptMsg {
    color: black;
    font-weight: 600;
    width: 95%;
    font-size: 16px;
    margin-top: 0%;
    margin-left: auto;
    float: left;
    height: 27%;
    text-align: left;
    clear: both;
    padding-left: 1%;
    background-color: white;
    margin-right: auto;
}

.secPromptFooter {
    display: block;
    height: 17%;
    width: 95%;
    float: left;
    background-color: white;
    margin-left: auto;
    padding-left: 1%;
    margin-right: auto;
}

.promptButton {
    display: block;
    width: 163px;
    height: 30px;
    float: right;
    margin-right: 12%;
    border: none !important;
    text-align: right !important;
    background-color: transparent !important;
    text-decoration: underline !important;
    color: red !important;
    border-radius: 5px;
    cursor: pointer;
}


.promptWrapper {
    z-index: 999;
    position: absolute;
    top: 39%;
    left: 36.5%;
    width: 500px;
    height: 230px;
    padding: 10px;
    margin: auto;
    border: 1px solid black;
    background: #2ab0ed;
    background: -moz-linear-gradient(top, #2ab0ed 0%, #e4f5fc 0%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ab0ed), color-stop(0%,#e4f5fc));
    background: -webkit-linear-gradient(top, #2ab0ed 0%,#e4f5fc 0%);
    background: -o-linear-gradient(top, #2ab0ed 0%,#e4f5fc 0%);
    background: -ms-linear-gradient(top, #2ab0ed 0%,#e4f5fc 0%);
    background: linear-gradient(to bottom, #2ab0ed 0%,#e4f5fc 0%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab0ed', endColorstr='#e4f5fc',GradientType=0 );
    box-shadow: rgba(186,186,186,0.75);
    -webkit-box-shadow: 0 1px 10px #777;
    -moz-box-shadow: 1 1px 10px #777;
    box-shadow: 0px 1px 10px #777;
    border-bottom: none !important;
}

.VirtualKeyboardSearch {
    background-image: url(/images/FormImages/keyboard.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    background-color: transparent;
    border: 0px;
    float: left;
    margin-top: 32px;
    margin-left: 1px;
    cursor: pointer;
}

.wrapper {
    position: relative;
}


.griddatemover1DatetImes {
    width: 30%;
    /* display: none; */
    border: solid 1px;
    height: 25px;
    vertical-align: top;
    margin-left: 236px;
    border-radius: 5px;
    min-width: 131px;
    float: left;
    margin-top: 0px;
    margin-bottom: 7px;
}

.dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
    width: 130px;
}

.griddatemover1DatetImeIterm1 {
    width: 175px;
    border: solid 1px;
    height: 25px;
    vertical-align: top;
    margin-left: 0px;
    border-radius: 5px;
    min-width: 131px;
    float: left;
    margin-top: 2px;
    margin-bottom: 7px;
}

.griddatemover1DatetImeIterm2 {
    width: 26%;
    border: solid 1px;
    height: 25px;
    vertical-align: top;
    margin-left: 254px;
    border-radius: 5px;
    min-width: 131px;
    float: left;
    margin-top: 0px;
    margin-bottom: 7px;
}

.griddatemover1DatetImeIterm3 {
    width: 30%;
    border: solid 1px;
    height: 25px;
    vertical-align: top;
    margin-left: 220px;
    border-radius: 5px;
    min-width: 131px;
    float: left;
    margin-top: 0px;
    margin-bottom: 7px;
}


@media (max-height:768px) {

    .secCompanyName {
        width: 99.5%;
        height: 7%;
        float: left;
        background-color: #ffffff;
        border: 3px solid #207970;
        border-radius: 5px;
    }

    .btnPassChange {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 5%;
        margin-top: 14px;
        background-image: url('../../Images/FormImages/lock.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnPersons {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 3%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/persons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnbookingsinfo {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 3%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/info.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnShowTeamMembers {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 16%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/teampersons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnsearch {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 5%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/persons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnCalender {
        float: left;
        height: 28px;
        font-weight: 600;
        width: 28px;
        margin-left: 5%;
        margin-top: 7px;
        background-image: url('../../Images/FormImages/calender.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnPersonal {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 10%;
        margin-top: 7px;
        background-image: url('../../Images/FormImages/personal.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnBackHome {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 32px;
        margin-left: 10%;
        margin-top: 7px;
        background-image: url('../Images/FormImages/BackHome.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: none;
    }
}

@media only screen and (min-width: 200px) {
    .displaytopcenter {
        width: 49%;
        height: 77%;
        float: left;
        display: none !important;
    }

    .teamtopright {
        width: 50%;
        height: 100%;
        float: left;
    }

    .secCompThree2 {
        width: 68px;
        height: 100%;
        float: right;
    }

    .btnPersons {
        float: left;
        height: 28px;
        font-weight: 600;
        width: 28px;
        margin-left: 2%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/persons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnbookingsinfo {
        background-image: url(/images/FormImages/info.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 28px;
        height: 28px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .btnShowAllTeamMembers {
        background-image: url('../Images/FormImages/Montageteams.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 28px;
        height: 28px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 28%;
        margin-right: 0%;
        cursor: pointer;
        border: 1px solid #207970;
    }

    .btnPersonal {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 5%;
        margin-top: 7px;
        background-image: url('../../Images/FormImages/personal.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }


    .btnBackHome {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 5%;
        margin-top: 7px;
        background-image: url('../Images/FormImages/BackHome.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: none;
    }

    .btnCalender {
        float: left;
        height: 28px;
        font-weight: 600;
        width: 28px;
        margin-left: 5%;
        margin-top: 7px;
        background-image: url('../../Images/FormImages/calender.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnShowTeamMembers {
        background-image: url('../Images/FormImages/teampersons.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 28px;
        height: 28px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .LabelUserNamenew {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 0px 10px 10px 10px;
        height: 44%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #207970;
        width: 50%;
        margin-top: 1.5%;
    }

    .LabelDisplayTime {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 0px 2px 15px 28px;
        height: 31%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #000;
        width: 13%;
        margin-left: 14%;
        min-width: 59px;
        border: 1px solid #ff0000;
        margin-top: 1%;
    }

    .teamtopleft {
        width: 100%;
        height: 7%;
        display: none;
    }

    .cboLocFrom2 {
        width: 24%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .cboLocFrom1 {
        width: 15%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .secCompOne {
        width: 40%;
        height: 100%;
        float: left;
        margin-left: 1%;
        margin-top: 0px;
    }

    .secCompTwo {
        width: 37%;
        height: 100%;
        float: left;
        margin-top: 4px;
    }

    .secCompThree {
        width: 170px;
        height: 100%;
        float: right;
        margin-top: -2px;
    }
}


@media only screen and (min-width: 1360px) {
    .displaytopcenter {
        width: 49%;
        height: 77%;
        float: left;
        display: none !important;
    }

    .teamtopright {
        width: 52%;
        height: 100%;
        float: left;
    }

    .secCompThree2 {
        width: 90px;
        height: 100%;
        float: right;
    }

    .btnPersons {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 2%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/persons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnbookingsinfo {
        background-image: url(/images/FormImages/info.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .btnShowAllTeamMembers {
        background-image: url('../Images/FormImages/Montageteams.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 19%;
        margin-right: 0%;
        cursor: pointer;
        border: 1px solid #207970;
    }

    .btnPersonal {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 5%;
        margin-top: 4px;
        background-image: url('../../Images/FormImages/personal.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }


    .btnBackHome {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 5%;
        margin-top: 4px;
        background-image: url('../Images/FormImages/BackHome.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: none;
    }

    .btnCalender {
        float: left;
        height: 30px;
        font-weight: 600;
        width: 30px;
        margin-left: 5%;
        margin-top: 3px;
        background-image: url('../../Images/FormImages/calender.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnShowTeamMembers {
        background-image: url('../Images/FormImages/teampersons.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 3%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .LabelUserNamenew {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 0px 10px 10px 10px;
        height: 44%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #207970;
        width: 50%;
        margin-top: 1.5%;
    }

    .LabelDisplayTime {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 2px 2px 15px 28px;
        height: 31%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #000;
        width: 13%;
        margin-left: 14%;
        min-width: 59px;
        border: 1px solid #ff0000;
        margin-top: 1.5%;
    }

    .teamtopleft {
        width: 50%;
        height: 7%;
        display: inline-block;
        float: left;
    }

    .cboLocFrom2 {
        width: 45%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .cboLocFrom1 {
        width: 24%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .secCompOne {
        width: 42.5%;
        height: 100%;
        float: left;
        margin-left: 1%;
        margin-top: 0px;
    }

    .secCompTwo {
        width: 39%;
        height: 100%;
        float: left;
        margin-top: 7px;
    }

    .secCompThree {
        width: 149px;
        height: 100%;
        float: right;
        margin-top: 2px;
    }
}


@media only screen and (min-width: 1400px) {
    .displaytopcenter {
        width: 49%;
        height: 77%;
        float: left;
        display: none !important;
    }

    .teamtopright {
        width: 52%;
        height: 100%;
        float: left;
    }

    .secCompThree2 {
        width: 90px;
        height: 100%;
        float: right;
    }

    .btnPersons {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 2%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/persons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnbookingsinfo {
        background-image: url(/images/FormImages/info.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .btnShowAllTeamMembers {
        background-image: url('../Images/FormImages/Montageteams.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 19%;
        margin-right: 0%;
        cursor: pointer;
        border: 1px solid #207970;
    }

    .btnPersonal {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 2px;
        background-image: url('../../Images/FormImages/personal.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }


    .btnBackHome {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 2px;
        background-image: url('../Images/FormImages/BackHome.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: none;
    }

    .btnCalender {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 1px;
        background-image: url('../../Images/FormImages/calender.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnShowTeamMembers {
        background-image: url('../Images/FormImages/teampersons.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .LabelUserNamenew {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 0px 10px 10px 10px;
        height: 44%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #207970;
        width: 50%;
        margin-top: 1.5%;
    }

    .LabelDisplayTime {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 2px 2px 15px 28px;
        height: 31%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #000;
        width: 13%;
        margin-left: 14%;
        min-width: 59px;
        border: 1px solid #ff0000;
        margin-top: 1.5%;
    }

    .teamtopleft {
        width: 50%;
        height: 7%;
        display: inline-block;
        float: left;
    }

    .cboLocFrom2 {
        width: 45%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .cboLocFrom1 {
        width: 24%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .secCompOne {
        width: 42.5%;
        height: 100%;
        float: left;
        margin-left: 1%;
        margin-top: 0px;
    }

    .secCompTwo {
        width: 39%;
        height: 100%;
        float: left;
        margin-top: 4px;
    }

    .secCompThree {
        width: 149px;
        height: 100%;
        float: right;
        margin-top: 2px;
    }
}


@media only screen and (min-width: 1700px) {
    .displaytopcenter {
        width: 49%;
        height: 77%;
        float: left;
        display: none !important;
    }

    .teamtopright {
        width: 55%;
        height: 100%;
        float: left;
    }

    .secCompThree2 {
        width: 90px;
        height: 100%;
        float: right;
    }

    .btnPersons {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 2%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/persons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnbookingsinfo {
        background-image: url(/images/FormImages/info.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .btnRunCalculation {
        background-image: url(/images/FormImages/DeductionNoBack.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
        background-position-x:2px;
    }

    .btnShowAllTeamMembers {
        background-image: url('../Images/FormImages/Montageteams.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 36%;
        margin-right: 0%;
        cursor: pointer;
        border: 1px solid #207970;
    }

    .btnPersonal {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 4px;
        background-image: url('../../Images/FormImages/personal.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }


    .btnBackHome {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 4px;
        background-image: url('../Images/FormImages/BackHome.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: none;
    }

    .btnCalender {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 3px;
        background-image: url('../../Images/FormImages/calender.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnShowTeamMembers {
        background-image: url('../Images/FormImages/teampersons.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #d9390f;
    }

    .LabelUserNamenew {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 0px 10px 10px 10px;
        height: 44%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #207970;
        width: 50%;
        margin-top: 1.5%;
    }

    .LabelDisplayTime {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 2px 2px 15px 28px;
        height: 31%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #000;
        width: 13%;
        margin-left: 14%;
        min-width: 59px;
        border: 1px solid #ff0000;
        margin-top: 1.5%;
    }

    .teamtopleft {
        width: 50%;
        height: 7%;
        display: inline-block;
        float: left;
    }

    .cboLocFrom2 {
        width: 45%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .cboLocFrom1 {
        width: 24%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .secCompOne {
        width: 42.5%;
        height: 100%;
        float: left;
        margin-left: 1%;
        margin-top: 0px;
    }

    .secCompTwo {
        width: 39%;
        height: 100%;
        float: left;
        margin-top: 10px;
    }

    .secCompThree {
        width: 149px;
        height: 100%;
        float: right;
        margin-top: 2px;
    }
}


@media only screen and (min-width: 1900px) {
    .displaytopcenter {
        width: 50%;
        height: 77%;
        float: left;
        display: block !important;
    }

    .teamtopright {
        width: 23%;
        height: 100%;
        float: left;
    }

    .secCompThree2 {
        width: 90px;
        height: 100%;
        float: right;
    }

    .btnPersons {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 2%;
        margin-top: 0;
        background-image: url('../../Images/FormImages/persons.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnPersonal {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 7px;
        background-image: url('../../Images/FormImages/personal.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }


    .btnBackHome {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 7px;
        background-image: url('../Images/FormImages/BackHome.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: none;
    }

    .btnCalender {
        float: left;
        height: 35px;
        font-weight: 600;
        width: 35px;
        margin-left: 5%;
        margin-top: 7px;
        background-image: url('../../Images/FormImages/calender.png');
        background-color: #ffffff;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer !important;
        border: 1px solid #207970;
    }

    .btnShowTeamMembers {
        background-image: url('../Images/FormImages/teampersons.png');
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 2%;
        cursor: pointer;
        border: 1px solid #207970;
    }

    .btnShowAllTeamMembers {
        background-image: url("../Images/FormImages/Montageteams.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0px;
        margin-left: 1%;
        margin-right: 0%;
        cursor: pointer;
        border: 1px solid #207970;
    }

    .btnLanguages {
        background-repeat: no-repeat;
        background-size: contain;
        width: 35px;
        height: 35px;
        background-color: transparent;
        border: 0px;
        float: left;
        margin-top: 0;
        margin-left: 3%;
        margin-right: 0%;
        cursor: pointer;
        border: 1px solid #207970;
    }

    .LabelUserNamenew {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 0px 10px 10px 10px;
        height: 44%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #207970;
        width: 65%;
        margin-top: 1.5%;
    }

    .LabelDisplayTime {
        text-align: left !important;
        font-size: 19px;
        float: left;
        padding: 2px 2px 15px 28px;
        height: 31%;
        font-weight: 600;
        display: inline-block;
        background-color: #ececec;
        border-radius: 5px;
        color: #000;
        width: 13%;
        margin-left: 5%;
        min-width: 59px;
        border: 1px solid #ff0000;
        margin-top: 1.5%;
    }

    .teamtopleft {
        width: 50%;
        height: 7%;
        display: inline-block;
        float: left;
    }

    .cboLocFrom2 {
        width: 45%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .cboLocFrom1 {
        width: 24%;
        height: 25px;
        box-shadow: 2px 2px gray;
        float: left;
        border-radius: 5px;
        margin-top: 2px;
    }

    .secCompOne {
        width: 33.5%;
        height: 100%;
        float: left;
        margin-left: 1%;
        margin-top: 0px;
    }

    .secCompTwo {
        width: 54%;
        height: 100%;
        float: left;
        margin-top: 10px;
    }

    .secCompThree {
        width: 149px;
        height: 100%;
        float: right;
        margin-top: 2px;
    }
}

#SecManualBookingTime {
    display: none;
}

#TeamSetionTop {
    display: none;
}

.gridWithManual {
    height: 74% !important;
}

.gridWithManualBooking {
    height: 81% !important;
}

.gridWithManualTeams {
    height: 75% !important;
}

#chkSaveDefaultSelection {
    margin-top: 6px !important;
    cursor: pointer;
}

.balancedisplaygrid-item {
    width: 15%;
    float: left;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #ff0000;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    margin-left: 5%;
    color: #000000;
    height: 55%;
    padding-left: 7px;
}


.drpdwntop2b {
    width: 100%;
    height: 25px;
    float: left;
    display: inline-block;
    border: none;
    color: #2196f3 !important;
    font-size: 18px !important;
}

.actualtimegrid-item {
    width: 15%;
    float: left;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #ff0000;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    margin-left: 1%;
    color: #000000;
    height: 55%;
    padding-left: 7px;
}

.lblLeftSec5 {
    width: 47px;
    float: left;
    margin-left: 9px;
    margin-top: 6px;
}

/*====================================Preserve this ============================================*/
.ManualpromptWrapper {
    z-index: 999;
    position: absolute;
    top: 39%;
    left: 36.5%;
    width: 408px;
    height: 223px;
    padding: 10px;
    margin: auto;
    background: -moz-linear-gradient(top, #2ab0ed 0%, #e4f5fc 0%);
    background: -o-linear-gradient(top, #2ab0ed 0%,#e4f5fc 0%);
    background: -ms-linear-gradient(top, #2ab0ed 0%,#e4f5fc 0%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab0ed', endColorstr='#e4f5fc',GradientType=0 );
    box-shadow: rgba(186,186,186,0.75);
    -moz-box-shadow: 1 1px 10px #777;
}

#projectsummaryPrompt {
    border-radius: 5px;
    color: #333;
    position: absolute;
    width: 424px;
    height: 231px;
    top: 47%;
    left: 57%;
    margin-top: -149px;
    margin-left: -326px;
    border: 1px solid grey;
    background-color: #FFFFFF;
    box-shadow: rgba(186,186,186,0.75);
    -webkit-box-shadow: 0 1px 10px #777;
    -moz-box-shadow: 1 1px 10px #777;
    box-shadow: 0px 1px 10px #777;
    border-bottom: none !important;
}

    #projectsummaryPrompt .secMidLevelnew {
        height: 100%;
        width: 100%;
        float: left;
    }

    #projectsummaryPrompt .TopMidLevelLayer {
        height: 23%;
        width: 97%;
        box-shadow: 0 0 1px 1px #cfcfcf;
        margin: 1%;
    }

    #projectsummaryPrompt .cautionText {
        width: 95%;
        height: 54%;
        float: left;
        margin-left: 27px;
        padding-top: 4%;
    }

    #projectsummaryPrompt .MidLevelLayer {
        height: 42%;
        width: 97%;
        float: left;
        box-shadow: 0 0 1px 1px #cfcfcf;
        margin: 1%;
    }

    #projectsummaryPrompt .MidLevelLayerInputs {
        width: 97%;
        float: left;
        margin: 1%;
        padding-top: 6%;
    }

    #projectsummaryPrompt .BottomLevelLayer {
        height: 23%;
        width: 97%;
        float: left;
        box-shadow: 0 0 1px 1px #cfcfcf;
        margin: 1%;
    }

    #projectsummaryPrompt .lblfrombis {
        width: 18%;
        float: left;
        font-weight: bold;
        height: 15.5%;
        margin-left: 17px;
        text-align: right;
        font-size: 16px;
        padding-right: 5px;
    }

    #projectsummaryPrompt .enterTime {
        width: 24%;
        height: 20px;
        float: left;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 2px 2px #808080;
    }

    #projectsummaryPrompt input[type='text'].dxeEditArea_Office2003Blue, input[type='password'].dxeEditArea_Office2003Blue {
        height: 15px;
        margin-bottom: 0px;
        text-align: center;
    }

    #projectsummaryPrompt .lblfrombisnew {
        width: 9%;
        float: left;
        font-weight: bold;
        height: 15.5%;
        text-align: center;
        margin-left: 17px;
        font-size: 16px;
    }

    #projectsummaryPrompt .savebtnfootergreen {
        width: 109px;
        height: 30px;
        float: left;
        margin: 5px 0 0 4px;
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 23px;
        border: none !important;
        text-align: center !important;
        background-color: transparent !important;
        text-decoration: underline !important;
        color: forestgreen !important;
    }

    #projectsummaryPrompt .deletebtnfooterred {
        width: 128px;
        height: 30px;
        float: left;
        margin: 5px 0 0 4px;
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 23px;
        border: none !important;
        text-align: center !important;
        background-color: transparent !important;
        text-decoration: underline !important;
        display: none;
        color: red !important;
    }

    #projectsummaryPrompt .backbtnfooterred {
        width: 75px;
        height: 30px;
        border-radius: 5px;
        float: right;
        margin: 5px 4px 0 0;
        background-position: 10px center;
        background-repeat: no-repeat;
        border: none !important;
        text-align: left !important;
        background-color: transparent !important;
        text-decoration: underline !important;
        color: red !important;
    }

    #projectsummaryPrompt .drpdwntop2a {
        width: 20%;
        height: 25px;
        float: left;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 2px 2px #808080;
    }
