/*@font-face 
{ 
    font-family: GESSUnique;
    src: url('Font/GESS/GESSUniqueLight.otf') format('opentype');
}  
@font-face 
{ 
    font-family: GESSUnique;
    font-weight: bold;
    src: url('Font/GESS/GESSUniqueBold.otf') format('opentype'); 
}*/

/*@font-face 
{ 
    font-family: GESSUnique;
    src: url('Font/GESS/GESSTwoLight.otf') format('opentype');
}  
@font-face 
{ 
    font-family: GESSUnique;
    font-weight: bold;
    src: url('Font/GESS/GESSTwoBold.otf') format('opentype'); 
}*/

@font-face 
{ 
    font-family: GESSUnique;
    src: url('Font/GESS/GESSUniqueBold.otf') format('opentype');
}  
@font-face 
{ 
    font-family: GESSUnique;
    font-weight: bold;
    src: url('Font/GESS/GESSTwoBold.otf') format('opentype'); 
}


body {
    /*font-size: 1.5em;*/
    font-family: "GESSUnique", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    /*font-family: "Tajawal","GESSUnique", "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
    /*font-weight: 900;*/
}


input,
select,
textarea {
    border-color: #dbdbdb;
    border-width: 1px;
    border-style: solid;
    padding: 2px .3em;
    height: 2.13em;
    text-indent: .33em;
    line-height: 1.6em;
    width: 100% !important;


    }


/* kendo grid style override*/

/*.k-grid td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.7em;
    vertical-align: middle;
    text-overflow: ellipsis;

    font-family: "Segoe UI", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.k-grid td a {
   
    color: #333;
    text-decoration: none;
}

.k-grid td a:hover {
    background-color: #c7d1d6;
}
.k-grid-header .k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 18px;

}
.k-grid-header th.k-header>.k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    padding: .6em .7em .5em .7em;
    overflow: hidden;
    text-overflow: ellipsis;

}
*/

.k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 1.85em; 
    line-height: 1.65em;
    padding: .155em 0;
    text-indent: .33em;
    border: 0;
    margin: 0;
}

.k-dropdown {
    width: 350px;
}

.k-combobox {
    width: 350px;
}

.k-datetimepicker {
    width: 350px;
}




/* end kendo grid style override*/

/*  set the form field widths   */

.editor-label
{

    margin-top: 20px;
    color: GrayText;

}

.editor-field
{
   width: 350px !important;
}

.editor-field2 {
    width: 262px !important;
}




 
@media (max-width: 991px) {
    .editor-field {
        width: 100% !important;
    }

    .k-dropdown {
        width: 100%;
    }

    .k-combobox {
        width: 100%;
    }

    .k-datetimepicker {
        width: 100%;
    }

    
}

/* end set the form field widths   */

input[type="submit"]
{
    border: 0;
    color: #fff;
    font-size: 1.4em;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #72c02c;
    white-space: nowrap;
    /*display: inline-block;*/
    text-decoration: none;
    display : block;
    width: 100%;
    text-align: center;
}

input[type="checkbox"] {
     display:inline-block;
    width:20px;
    height:20px;   
    border-radius: 10px;
    cursor:pointer;
}


/*fieldset>legend {
    color: #555;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    line-height: 27px;
}*/

fieldset {
    border: 1px solid #ceced2 !important;
    margin: 0;
    xmin-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    /*background-color:#f5f5f5;*/
    padding-left: 10px !important;
}

legend {
    font-size: 14px;
    font-weight: bold;
    /*margin-bottom: 0px; 
	width: 35%; 
	border: 1px solid #ddd;
	border-radius: 4px; 
	padding: 5px 5px 5px 10px; 
	background-color: #ffffff;*/
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
}

.mwms-padding {

    padding-left: 20px;
}

a.active {
        color: #72c02c;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

forgot-icon
{
    background: url("../Images/forgot-icon.png") no-repeat right center;
    padding-right: 13px;
}

.login-icon
{
    background: url("../Images/login-icon.png") no-repeat right center;
    padding-right: 13px;
}

.logoff-icon
{
    background: url("../Images/logoff-icon.png") no-repeat right center;
    padding-right: 13px;
}

.change-icon
{
    background: url("../Images/change-icon.png") no-repeat right center;
    padding-right: 13px;
}


.en-icon
{
    background: url("../Images/en-icon.png") no-repeat right center;
    padding-right: 20px;
}

.ar-icon
{
    background: url("../Images/ar-icon.png") no-repeat right center;
    padding-right: 20px;
}


/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid
{
    display: none;
}

/* MWMSR icon*/

.home-icon
{
    background: url("../Images/home-icon.png") no-repeat right center;
}

.form-icon
{
    background: url("../Images/form-icon.png") no-repeat right center;
}

.enquiries-icon
{
    background: url("../Images/enquiries-icon.png") no-repeat right center;
}

.report-icon
{
    background: url("../Images/report-icon.png") no-repeat right center;
}

.admin-icon
{
    background: url("../Images/admin-icon.png") no-repeat right center;
}

.map-icon
{
    background: url("../Images/map-icon.png") no-repeat right center;
}

.clock-icon
{
    background: url(../Images/clock-icon.png) no-repeat right center;
}

.sms-icon
{
    background: url(../Images/Icons/41.png) no-repeat right center;
}

/* MWMSR Favorite color*/

.green
{
    color: #9EC630;
}

.gray
{
    color: #BFBFBF;
}

.orange
{
    color: #ff6633;
}

.purple
{
    color: #9999cc;
}

.pink
{
    color: #ffcccc;
}

.pink2
{
    color: #FF0073;
}

.blue2
{
    color: rgb(12, 186, 223);
}

.fav1
{
    color: #77d4e3;
}

.fav2
{
    color: #ff2e00;
}

.fav3
{
    color: #08adf9;
}

.fav4
{
    color: #341d1b;
}

.fav5
{
    color: #d5bf00;
}

.favred
{
    color: #e31b23;
}

/*end MWMSR Favorite color */


a.delete

{

    background: url(../Images/delete.png) no-repeat top left;

    display: inline-block;

    width: 20px;

    text-indent: -9999px; /* hides the link text */  
}

a.details

{

    background: url(../Images/details.png) no-repeat top left;

    display: inline-block;

    width: 20px;

    text-indent: -9999px; /* hides the link text */
}

a.create

{

    background: url(../Images/create.png) no-repeat top left;

    display: inline-block;

    /*width: 20px;*/

    padding-left: 22px;
    /*text-indent: -9999px;*/ /* hides the link text */

}

a.edit

{

    background: url(../Images/edit.png) no-repeat top left;

    display: inline-block;

    width: 20px;

    text-indent: -9999px; /* hides the link text */
}

a.add
{
    background: url(../Images/add.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.assign
{
    background: url(../Images/assign.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.editprofile
{
    background: url(../Images/edit-user-profile.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.checkonlineactivity
{
    background: url(../Images/check-online-activity.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.assignusertorole
{
    background: url(../Images/assign-members-to-role.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.approveuser
{
    background: url(../Images/approve-user-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.unlockuser
{
    background: url(../Images/unlock-user-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.backtolist
{
    background: url(../Images/backtolist-icon.png) no-repeat top right;
    padding-right: 25px;
    width: 20px;
    /*display: inline-block;
    text-indent: -9999px;*/   /* hides the link text */
}

a.roundmap
{
    background: url(../Images/roundmap-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.partmap
{
    background: url(../Images/roundpart-icon2.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.assigncontainer
{
    background: url(../Images/assign-container.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}


a.assignworkday
{
    background: url(../Images/assign-workday.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.assigncleancontainer
{
    background: url(../Images/assign-clean-container.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}
a.assignbulkyworkday
{
    background: url(../Images/bulk-waste-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.assignstmsworkday
{
    background: url(../Images/MS-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}





a.assignlabortoround
{
    background: url(../Images/assign-labour-to-round-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}
a.assignvehicletoround
{
    background: url(../Images/assign-vehicle-to-round-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}
a.editreplacement
{
    background: url(../Images/replacement-emp-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}
a.employeeallocationdetail {
    background: url(../Images/emplyee-allocation-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}
a.roundallocationdetail
{
    background: url(../Images/MS-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}
a.greenflag {

    background: url(../Images/flag-green-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */

}

a.redflag {

    background: url(../Images/flag-red-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.vehicleallocationdetail
{
    background: url(../Images/vehicle-allocation-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.vehicleallocationedit
{
    background: url(../Images/round-allo-edit-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.startinspection
{
    background: url(../Images/start-inspection.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.printinspection
{
    background: url(../Images/print-inspection.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.uploadphoto
{
    background: url(../Images/upload-photo.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.spprint
{
    background: url(../Images/spprint-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.addphoto
{
    background: url(../Images/add-photo.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.addremark
{
    background: url(../Images/add-remark.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.sendemail
{
    background: url(../Images/send-mail.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.uploadafter
{
    background: url(../Images/upload-after.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

a.greenlight
{
    background: url(../Images/green-light.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}
a.redlight
{
    background: url(../Images/red-light.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

.smssend
{
    background: url(../Images/sendsms.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

.upicon
{
    background: url(../Images/Up-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}

.downicon
{
    background: url(../Images/down-icon.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}


/* end of nov 2012 changes*/


#progress-sign
{
    display: none;
}

a.button
{
    background: url(../Images/image.gif) no-repeat top left;
    display: block;
    width: 150px;
    height: 150px;
    text-indent: -9999px; /* hides the link text */
}
a.back-icon
{
    background: url("../Images/back-ar.png") no-repeat left center;
    display: inline-block;
    padding-top: 18px;
    font-size: small;
    width: 14px;
    height: 14px;
    text-indent: -9999px; /*hides the link text*/ 
}

.userbarpaddingtop
{

    padding-top: 5px;
}

.supportbarpaddingtop
{

    padding-top: 5px;
}
.circle {
  border-radius: 50%;
  width: 25px;
  height: 25px; 
  margin: auto;
}


/* added 15-3-2015*/

/*a.dashlink
{
    display: block;
    float: left;
    height: 24px;
    padding-left: 10px;
    margin-top: 10px;
    text-indent: -9999px;
    width: 16px;

    background: url("../Images/dashlink-icon.png") no-repeat;
}*/
a.uploaddoc {
    background: url(../Images/assign-workday-old.png) no-repeat top left;
    display: inline-block;
    width: 20px;
    text-indent: -9999px; /* hides the link text */
}