/* File Created: septiembre 24, 2012 */
input[type="password"],
input[type="text"],
textarea {
    background-color: White;
    margin: auto;
    border: 1px solid;
    padding: 3px;
    width: 95%;
}

input[type="button"],
input[type="submit"],
.button {
    background-color: #e4e4e4;
    border: 1px solid;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
    *overflow: visible;
    /*white-space: normal;*/    
    border-radius: 4px;
}

.bigbutton {
    min-height: 30px;
    min-width: 120px;
    padding: 7px !important;
    text-align: center;
}
/*
span button:hover,
span bigbutton:hover,
span label:hover {
    color: white;
    cursor: pointer;
    background-color: #035f86;
}
*/

span button:hover,
span bigbutton:hover,
span label:hover {
    cursor: pointer;
}

input[type="button"]:hover,
input[type="checkbox"]:hover,
input[type="submit"]:hover,
.button:hover {
    background-color: #4270a3;
    border-color: White;
    color: White !important;
}

.button span {
    color: inherit !important;
}

    .button span:hover {
        color: inherit !important;
    }


.buttonImg {
    padding: 5px 5px 5px 30px !important;
    padding: 10px 10px 10px 45px \0/; /*IE 8 hack*/
    text-align: right;
    background-position: 5px center;
    font-weight: bold;
}

.buttonImgRight {
    padding: 5px 30px 5px 5px !important;
    padding: 10px 45px 10px 10px \0/; /*IE 8 hack*/
    text-align: left;
    background-position: right 5px center;
    font-weight: bold;
}

.buttonLogin {
    padding: 10px 35px 5px 55px !important;
    padding: 10px 10px 10px 45px \0/; /*IE 8 hack*/
    text-align: right;
    background-position: 5px center;
    font-weight: bold;
    border: 2px solid !important;
    border-color: Black !important;
    width: 96%;
    text-align: center;
    margin-top: 20px;
}

.buttonHelp {
    padding: 10px 35px 5px 55px !important;
    padding: 10px 10px 10px 45px \0/; /*IE 8 hack*/
    text-align: right;
    background-position: 5px center;
    font-weight: bold;
    border: 2px solid !important;
    border-color: Black !important;
    width: 96%;
    text-align: center;
    margin-top: 20px;
    background-size: 16px;
    background: url(../../images/icons/error.png) no-repeat;
}


.buttonSave {
    padding: 30px !important;    
    background-position: 5px center;
    font-weight: bold;
    /*border: 2px solid !important;
    border-color: Black !important;
    */
    width: 96%;
    text-align: center;
    /*margin-top: 20px;
        */
    background-size: 24px;    
    background-repeat: no-repeat;
    background-image: url('../../images/icons/save.png');
}

.buttonLogin:hover {
    background-color: #045071 !important;
}

input:disabled,
button:disabled,
.buttonDisabled, .buttonDisabled:hover, .buttonDisabled:disabled {
    color: Gray;
    border-color: Gray;
}

.pdfButton {
    background: url(../../images/icons/pdf24.png) no-repeat;
    background-position: left;
    text-align: left !important;
    padding: 7px 7px 7px 32px !important;
    padding: 10px 10px 10px 45px \0/; /*IE 8 hack*/
}

.xlsButton {
    background: url(../../images/icons/xls24.png) no-repeat;
    background-position: left;
    text-align: left !important;
    padding: 7px 7px 7px 32px !important;
    padding: 10px 10px 10px 45px \0/; /*IE 8 hack*/
}

.searchfilterstab {
    background-color: #009de0;
    border: 1px solid;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    color: White;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

    .searchfilterstab:hover {
        background-color: #035f86;
    }

.helpdesk {
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-image: url('../../images/icons/Remote_Desktop_20.svg');
    background-size: 20px 20px;
    padding-left: 23px !important;
    background-color: White !important;
    border-radius: 5px;
    border: none !important;
}

.helpdeskNoText {
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-image: url('../../images/icons/Remote_Desktop48.png');
    background-color: White !important;
    border-radius: 3px;
    border: none !important;
    width: 48px;
    height: 48px;
    padding: 2px;
    left: 0;
    position: absolute;
    background-position: center;
    box-shadow: 4px 4px 5px rgba(93, 93, 93, 0.78);
}

.helpdesk:hover {
    background-color: #035f86 !important;
}

.downloadLegend {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url('../../images/icons/pdf24.png');
    padding-left: 24px !important;
}

.roadControlsIcons {
    width: 38px;
    height: 38px;
    padding: 2px;
    position: absolute;
    /*bottom:3px;*/
    left: 52px;
    border: 3px solid White;
    border-radius: 3px;
    background-image: url('../../images/icons/roadcontrols.png');
    /*background-size: 40px Auto;*/
    background-position: center;
    box-shadow: 4px 4px 5px rgba(93, 93, 93, 0.78);
    background-color: White;
}

.chatGlobalIcon {
    width: 38px;
    height: 38px;
    padding: 2px;
    position: absolute;
    left: 105px;
    border: 3px solid White;
    border-radius: 3px;
    background-image: url('../../images/icons/chat.png');
    background-size: 35px Auto;
    background-position: center;
    box-shadow: 4px 4px 5px rgba(93, 93, 93, 0.78);
    background-color: White;
    background-repeat: no-repeat;
}

.bigRadioButton {
    width: 18px;
    height: 18px;
}

.buttonSpecial {
    background-color: #8EC63F !important;
    border: 1px solid #79ab34 !important;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    line-height: 25px;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: 9px 9px;
    background-image: url('../../images/icons/forward.png');
    padding-left: 32px !important;
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 -10px 10px rgba(0,0,0,0.15) inset,0 1px 0 rgba(255,255,255,0.3) inset;
}

    .buttonSpecial:hover {
        background-color: #a5e151 !important;
        -webkit-box-shadow: 0 -10px 10px rgba(0,0,0,0.15) inset,0 1px 0 rgba(255,255,255,0.3) inset;
        -moz-box-shadow: 0 -10px 10px rgba(0,0,0,0.15) inset,0 1px 0 rgba(255,255,255,0.3) inset;
        box-shadow: 0 -10px 10px rgba(0,0,0,0.15) inset,0 1px 0 rgba(255,255,255,0.3) inset;
    }

/*Those buttons are interconnected, all changes to them should be doubled*/
#buttonLostPassword:hover {
    background-color: #035f86 !important;
}

#buttonLostPasswordTruckcontroller:hover {
    background-color: #035f86 !important;
}




.bigImgButton {
    padding: 15px 10px 15px 68px !important;
}

.pdfChangeItem {
    background: url(../../images/icons/edit.png) no-repeat;
    background-position: left;
    text-align: left !important;
    padding: 7px 7px 7px 32px !important;
    padding: 10px 10px 10px 45px \0/; /*IE 8 hack*/
}