body, #lbxAddress
{
    color: #1D1D1D;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.aspecial
{
    color: #8e97df !important;
    text-decoration: underline;
    cursor: pointer !important;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    padding-top: 8px;
}

.control-label
{
    color: #1D1D1D;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

input, textarea
{
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 11px;
}

.LabelNormal
{
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.LabelMediumBold
{
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #1D1D1D;
    font-weight: bold;
}

.LabelSmall
{
    color: #1D1D1D;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

/*select
{
    color: #1D1D1D;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
}*/

.bodyMain
{
    background-color: #d9d9d9;
    background-image: url(/images/Bgnd.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 100%;
}

.ShortcutsHeader
{
    width: 86px;
    height: 24px;
    margin-left: 4px;
    padding-top: 4px;
    cursor: pointer;
    z-index: -1000;
}

.FloatingBar
{
    position: fixed;
    margin-top: 74px;
    width: 100%;
    height: 30px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*overflow: hidden;*/
}

.TopOptions
{
    width: 100%;
    height: 34px;
    font-family: Arial, Helvetica, sans-serif;
    color: #848484;
    font-size: 12px;
    padding-top: 5px;
}

.CopyrightArea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}

.ShortcutsFooter
{
    width: 86px;
    height: 24px;
    margin-left: 4px;
    margin-top: 0px;
    cursor: pointer;
}

.MiddleContentArea
{
    position: absolute;
    width: 99%;
    background-color: White;
    background-image: url("/images/bk.png");
    background-repeat: repeat-x;
    overflow: auto;
}

.ShortcutsContentArea
{
    width: 86px;
    margin: 0;
    overflow: hidden;
    margin-left: 4px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    font-size: 12px;
}

.ShortcutsFixedContentArea
{
    width: 86px;
    margin: 0;
    overflow: hidden;
    margin-left: 4px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    font-size: 12px;
}

.LeftContentArea
{
    padding: 0;
    margin-left: 0px;
    text-align: left;
    overflow: auto;
}

/*.ActualContentArea
{
    overflow: auto;
}*/

.GridDetailsJson
{
    /*height: 500px;*/
}


/* ------ TOP BAR ------- */

.TopBar
{
    width: 100%;
    height: 54px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    position: fixed;
    top: 0;
}

.LogoArea
{
    float: left;
    display: inline-block;
    width: 180px;
    background-color: transparent !important;
}

.UserNameArea
{
    float: right;
    display: inline-block;
    width: 200px;
    height: 74px;
    text-align: right;
}

.UserNameWrapper
{
    margin-right: 17px;
}

.help
{
    float: left;
    font-size: 14px;
    margin-left: 15px;
    color: #4c4c4c;
}


.Logout
{
    float: left;
    font-size: 14px;
    margin-left: 10px;
    color: #ed1c24;
    cursor: pointer;
}

.Divider
{
    float: left;
    margin-left: 10px;
    font-size: 14px;
}

.UserName
{
    font-size: 10px;
    clear: left;
}

.TopDivider
{
    float: right;
    display: inline-block;
    height: 74px;
    width: 103px;
}

.ModulesBar
{
    margin-left: 260px;
    margin-right: 303px;
    padding: 0;
    height: 72px;
    background-color: #efefef;
    font-size: 15px;
    overflow: hidden;
    min-width: 400px;
}

.ModulesBarV2
{
    padding: 0;
    height: 72px;
    background-color: #efefef;
    font-size: 15px;
    overflow: auto;
    width: 100%;
    display: inline-block;
    min-width: 400px;
}

.MBfirstoption
{
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-left: 35px;
    line-height: 13px;
}

.MBfirstoptionActive
{
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-left: 35px;
    line-height: 13px;
    color: #2362a9;
}

.MBoptions
{
    float: left;
    text-align: center;
    margin-top: 2px;
    margin-left: 35px;
    line-height: 13px;
}

    .MBoptions:hover
    {
        color: Black;
    }

.MBoptionsActive
{
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-left: 42px;
    line-height: 13px;
    color: #2362a9;
}



/* ------ FLOATING BAR FOR SUBMODULES ------- */

.SubModules
{
    margin-right: 90px;
    padding: 0;
    height: 30px;
    width: 100%;
    background-color: #5D87B7;
    margin-left: 16px;
    color: #FFFFFF;
}

.SMfirstoption
{
    margin-left: 24px;
    padding-top: 7px;
    width: auto;
    float: left;
}

.SMoptions
{
    padding-top: 7px;
    width: auto;
    cursor: pointer;
    text-align: center;
}

    .SMoptions:hover
    {
        color: black;
    }

.SMmore
{
    margin-left: 44px;
    padding-top: 7px;
    width: auto;
    float: left;
    color: #96d6ff;
}

.ShortcutsContainer
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d9d9d9)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #d9d9d9); /* for firefox 3.6+ */
    width: 94px;
    margin-left: 15px;
}

.imgClick
{
    cursor: pointer;
}

.Logo
{
    width: 257px;
    height: 66px;
    border: 0px;
    background-image: url(/images/Logo.png);
    text-align: center;
    margin-left: 15px;
}

/*.bodyLogin
{
    background-image: url(../images/Bgrnd.jpg);
    background-position: top;
    background-repeat: repeat;
    min-height: 800px;
}*/

.bodyInside
{
    background-color: #D9D9D9;
    background-image: url("/images/Bgnd.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    height: 100%;
}

.ShortcutsRight
{
    float: right;
    display: inline-block;
    width: 126px;
}

/*div.screenmask
{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10000;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}*/

/*.loading
{
    color: white;
    display: inline;
    z-index: 1001;
    top: 50%;
    left: 40%;
    position: absolute;
}*/

.imgloading
{
    color: white;
    display: inline;
    z-index: 1001;
    top: 52%;
    left: 42%;
    position: absolute;
}

.GrayBar
{
    background-color: #8F8F8F;
    height: 10px;
    width: 100%;
}

.LoginBoxes
{
    background-color: #FFFFFF;
    color: #7F7F7F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 20px;
    text-align: left;
    padding-left: 5px;
    width: 112px;
}

.MainTopDivContainerLogin
{
    height: 119px;
    width: 100%;
}

/*.MainTopDivContainerLogin
{
    background-image: url("/images/TopBackground.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 119px;
    width: 100%;
}*/

.ShortcutsRightWithTop
{
    display: inline-block;
    float: right;
    width: 126px;
}

.SubModules
{
    background-color: #5D87B7;
    color: #FFFFFF;
    height: 30px;
    margin-left: 16px;
    margin-right: 90px;
    padding: 0;
    width: 100%;
}

.CorrectSave
{
    font-size: 12px;
    color: green;
    font-family: Arial,Helvetica,sans-serif;
}

.InCorrectSave
{
    font-size: 12px;
    color: red;
    font-family: Arial,Helvetica,sans-serif;
}

.label-bigger
{
    font-size: 14px;
    color: red;
    font-family: Arial,Helvetica,sans-serif;
}





/*  Buttons CSS3   */
input.orange, button.orange, a.orange, input[type=submit].orange
{
    /*padding: 10px 30px;*/
    padding: 2px 20px;
    -webkit-border-radius: 2px 2px;
    border: 1px solid #b0281a;
    background: #d64937; /* Old browsers */
    background: -moz-linear-gradient(top, #d64937 0%, #d14836 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d64937), color-stop(100%,#d14836)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d64937 0%,#d14836 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d64937 0%,#d14836 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d64937 0%,#d14836 100%); /* IE10+ */
    background: linear-gradient(top, #d64937 0%,#d14836 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64937', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    /*text-transform:uppercase;*/
    font-size: 11px;
    line-height: 1;
}

    input.orange:hover, button.orange:hover, a.orange:hover, input[type=submit].orange:hover
    {
        /*padding: 9px 29px;*/
        border: 1px solid #b0281a;
        background: #dd4b39; /* Old browsers */
        background: -moz-linear-gradient(top, #dd4b39 0%, #c53727 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4b39), color-stop(100%,#c53727)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dd4b39 0%,#c53727 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dd4b39 0%,#c53727 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dd4b39 0%,#c53727 100%); /* IE10+ */
        background: linear-gradient(top, #dd4b39 0%,#c53727 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0 1px 1px #333333;
        -moz-box-shadow: 0 1px 1px #333333;
        box-shadow: 0 1px 1px #333333;
    }

.gray:hover
{
    border: 1px solid #c6c6c4;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(top, #f8f8f8 0%,#f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    color: #222;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(10, 10, 10, 0.4);
    -moz-box-shadow: 0px 1px 1px 0px rgba(10, 10, 10, 0.4);
    box-shadow: 0px 1px 1px 0px rgba(10, 10, 10, 0.4);
}

input.gray, button.gray, a.gray, input[type=submit].gray
{
    /*padding: 10px 10px;*/
    padding: 2px 20px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px #dadada;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f1f1f1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%); /* IE10+ */
    background: linear-gradient(top, #f4f4f4 0%,#f1f1f1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
    color: #555;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
    line-height: 1;
    font-size: 11px;
}

input.blue, button.blue, a.blue, input[type=submit].blue
{
    padding: 2px 20px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px #3079ed;
    background: #2CA1DE; /* Old browsers */
    background: -moz-linear-gradient(top, #2CA1DE 0%, #208FCC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2CA1DE), color-stop(100%,#208FCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* IE10+ */
    background: linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2CA1DE', endColorstr='#208FCC',GradientType=0 );  IE6-9 */
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    /*text-transform:uppercase;*/
    font-size: 11px;
    line-height: 1;
}

    input.blue:hover, button.blue:hover, a.blue:hover, input[type=submit].blue:hover
    {
        border: 1px solid #2f5bb7;
        background: #2CA1DE; /* Old browsers */
        background: -moz-linear-gradient(top, #2CA1DE 0%, #208FCC 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2CA1DE), color-stop(100%,#208FCC)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* IE10+ */
        background: linear-gradient(top, #2CA1DE 0%,#208FCC 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2CA1DE', endColorstr='#208FCC',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0 1px 1px #333333;
        -moz-box-shadow: 0 1px 1px #333333;
        box-shadow: 0 1px 1px #333333;
    }

input.green, button.green, a.green, input[type=submit].green
{
    /*padding: 10px 10px;*/
    padding: 2px 20px;
    -webkit-border-radius: 2px 2px;
    border: solid 1px #389C29;
    background: #44BE32; /* Old browsers */
    background: -moz-linear-gradient(top, #44BE32 0%, #44BE32 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44BE32), color-stop(100%,#44BE32)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #44BE32 0%,#42B931 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #44BE32 0%,#44BE32 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #44BE32 0%,#44BE32 100%); /* IE10+ */
    background: linear-gradient(top, #44BE32 0%,#44BE32 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44BE32', endColorstr='#42B931',GradientType=0 ); /* IE6-9 */
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    font-size: 11px;
}

    input.green:hover, .green:hover
    {
        border: 1px solid #318A24;
        background: #44BE32; /* Old browsers */
        background: -moz-linear-gradient(top, #44BE32 0%, #3DA92C 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44BE32), color-stop(100%,#3DA92C)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #44BE32 0%,#3DA92C 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #44BE32 0%,#3DA92C 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #44BE32 0%,#3DA92C 100%); /* IE10+ */
        background: linear-gradient(top, #44BE32 0%,#3DA92C 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44BE32', endColorstr='#3DA92C',GradientType=0 ); /* IE6-9 */
        color: #FFF;
        -webkit-box-shadow: 0 1px 1px #333333;
        -moz-box-shadow: 0 1px 1px #333333;
        box-shadow: 0 1px 1px #333333;
    }

.menuDetails
{
    width: 272px;
    padding-left: 5px !important;
}

.parentMenu
{
    position: absolute;
}

.containermenu
{
    background-color: white;
    height: 300px;
    width: 355px;
    opacity: 0.9;
    margin-left: 5px;
}


.submenuaccordion
{
    overflow: auto !important;
}

.acc_layers
{
    height: 317px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_messagingservices
{
    height: 330px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_addresslocator
{
    height: 330px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_historialocations
{
    height: 148px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_garminmessages
{
    height: 394px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_trackingnumber
{
    height: 410px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_unitslocator
{
    height: 252px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_findclosest
{
    height: 330px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_workordersmap
{
    height: 190px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_mobdirector, .acc_dispatchlog, .acc_remotecontrol
{
    height: 0px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.acc_geofences
{
    height: 77px !important;
    font-size: 12px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.ui-accordion-content
{
    padding: 5px !important;
}

.closeAccordion
{
    padding-left: 5px;
    width: 342px;
    background-color: White;
    background-image: url("/images/close.png");
    height: 13px;
    margin-left: 5px;
    cursor: pointer;
}

.QuickLink
{
}

.MapArea
{
    z-index: 0;
    background-color: #E5E3DF;
    width: 500px;
    height: 500px;
}

.moduleTitle
{
    color: #2362a9;
    font-size: 18px;
}

.units-group
{
    border-style: solid;
    border-width: 1px;
    cursor: default;
    height: 190px;
    overflow: auto;
    width: 100%;
}

.trunits-group
{
    border-style: solid;
    border-width: 1px;
    cursor: default;
    height: 100px;
    overflow: auto;
    width: 98%;
}

.editiotrunits-group
{
    border-style: solid;
    border-width: 1px;
    cursor: default;
    height: 200px;
    overflow: auto;
    width: 98%;
}

.layersdiv-group
{
    border: 1px solid #DFDFDF;
    cursor: default;
    height: 200px;
    overflow: auto;
    width: 98%;
}

.zonesgroup-group
{
    border-style: solid;
    border-width: 1px;
    cursor: default;
    height: 150px;
    overflow: auto;
    width: 98%;
}

span
{
    font-size: 10px;
}

.demo-section
{
    width: 200px;
}

#treeview .k-sprite, #trackingtreeview .k-sprite, #uniteditiontreelist .k-sprite, #layertreeview .k-sprite, #treeviewgeofences .k-sprite, #treeviewrb .k-sprite
{
    background-image: url("/images/coloricons-sprite.png");
}

#layerlandmarktree .k-sprite, #layerlandmarkrbtree .k-sprite
{
    background-image: url("/images/coloricons-sprite-landmark.png");
}


#treegeofenceslay .k-sprite
{
    background-image: url("/images/coloricons-sprite-geofences.png");
}

#trackingtreeview
{
    height: 75px;
}

#uniteditiontree
{
    height: 200px;
}

.rootfolder
{
    background-position: 0 0;
}

.folder
{
    background-position: 0 -16px;
}

.pdf
{
    background-position: 0 -32px;
}

.html
{
    background-position: 0 -48px;
}

.image
{
    background-position: 0 -64px;
}

.treeview ul
{
    background-color: transparent !important;
}

.imgGenericStyle
{
    border: medium none;
    height: 18px !important;
    width: 18px !important;
}

.LinkNormal
{
    color: #366AB3 !important;
    font-family: Tahoma;
    font-size: 11px;
    cursor: pointer;
    text-decoration: underline;
}

.LinkInfoWindow
{
    color: #366AB3 !important;
    font-family: Tahoma;
    font-size: 11px;
    cursor: pointer;
    margin-left: 5px;
    text-decoration: underline;
}

.slide-out-div
{
    width: 280px;
    background: #ccc;
    border: 1px solid #29216d;
    z-index: 99999;
    position: relative;
}

#histinfo
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    z-index: 98;
}

.kendospan
{
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}



.comboctrl
{
    width: 120px;
}

.wizardselect
{
    color: yellow;
    font-size: 14px;
}



ul#menu1
{
    height: 30px;
}

ul#menu2
{
    clear: both;
    width: 160px;
    margin-top: 10px;
}

ul#submenu1
{
    padding-top: 30px;
    left: 0px !important;
}

li.potato-menu-item
{
    width: 160px;
    font-size: 12px;
    background-color: #333;
    background-color: #5d87b7;
    height: 30px;
}

    li.potato-menu-item a
    {
        padding: 5px 20px 5px 12px;
        color: #fff;
    }

    li.potato-menu-item span
    {
        color: #fff;
    }

li.potato-menu-hover
{
    background-color: #aecfaa;
}

li.potato-menu-has-vertical > a
{
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAENSURBVDjLpZM/SwNREMTnxBRpFYmctaKCfwrBSCrRLuL3iEW6+EEUG8XvIVjYWNgJdhFjIXamv3s7u/ssrtO7hFy2fcOPmd03SYwR88xi1cPgpRdjjDB1mBquju+TMt1CFcDd0V7q4GilAwpnd2A0qCvcHRSdHUBqAYgOyaUGIBQAc4fkNSJIIGgGj4ZQx4EEAY3waPUiSC5FhLoOQkbQCJvioPQfnN2ctpuNJugKNUWYsMR/gO71yYPk8tRaboGmoCvS1RQ7/c1sq7f+OBUQcjkPGb9+xmOoF6ckCQb9pmj3rz6pKtPB5e5rmq7tmxk+hqO34e1or0yXTGrj9sXGs1Ib73efh1WaZN46/wI8JLfHaN24FwAAAABJRU5ErkJggg==) right no-repeat;
}

li.potato-menu-has-horizontal > a
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADvSURBVDjLY/z//z8DJYCJgUIwxAwImOWx22uSExvZBvz68cvm5/dfV5HFGEGxUHoiExwVf//8Zfjz+w/D719/GH79/A3UAMK/GH4CMYiWFJJk+PXrN8PN27cunWq/oA/SwwIzyUrYluHvP6AB//7A8e+/f4H4N8Pvf0D8Fyb2h+HLl696WllqJ69Nu2XOArMZpBCuGajoN1jxbwT9FyH36/dvkCt/w10Acvb+h3uxOhvoZzCbi4OLQVJSiuH1q9cMt2/cvXB7zj0beBgQAwwKtS2AFuwH2vwIqFmd5Fi40H/1BFDzQaBrdTFiYYTnBQAI58A33Wys0AAAAABJRU5ErkJggg==) right no-repeat;
}

.lnkaccess
{
    cursor: pointer;
    color: blue !important;
}

.infobox-info
{
    font-size: 9px !important;
}


.lipar
{
    background-color: #eafde7;
    color: black;
    font-size: 8px;
    width: 100%;
}

    .lipar:hover, .liimpar:hover
    {
        background-color: #2e9851;
        color: white;
    }

.liimpar
{
    color: black;
    font-size: 8px;
    width: 100%;
}

.ColumnHeaderTitle
{
    background-color: #F9CD4D !important;
}

.LabelTitle
{
    color: #1F87BE;
    cursor: default;
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-top: 8px;
}

.LabelDescription
{
    color: #A0A9B4;
    cursor: default;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
    vertical-align: top;
}

.tdTitleLabel
{
    border-bottom: 1px solid #1F87BE;
    padding-bottom: 5px;
}

.TextBoxNormal
{
    background-image: url(/images/TextBoxBackGround.png);
    background-repeat: repeat-x;
    border-color: #C4C4C4;
    border-right: 1px solid #C4C4C4;
    border-style: solid;
    border-width: 1px;
    color: black;
    font-family: Tahoma !important;
    font-size: 8pt !important;
    font-weight: normal;
    padding-bottom: 3px;
    padding-top: 3px;
    vertical-align: top;
}

.LabelTitleForm
{
    color: #1F87BE;
    cursor: default;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    padding-top: 8px;
}

.detailsalt
{
    background-color: #e1eff6;
    color: black;
}

/*.k-state-selected td
{
    color: white;
    background-color: #7EA700 !important;
}*/

.ui-dialog-shadow
{
    box-shadow: 0 0 0 7px rgba(0,0,0,0.1);
}

.mapctrl
{
    border: 1px solid;
    background-color: gray;
    opacity: 0.8;
    z-index: -999;
}

#loadingespecial
{
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: #f1f1f1;
    z-index: 100;
    overflow: hidden;
}


#maxminwindow
{
    padding: 5px;
    position: fixed;
    right: 1px;
    top: 2px;
    z-index: 3;
    cursor: pointer;
}

#loadingespecial img
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.toast
{
    z-index: -9999999;
}

.iconblock
{
    width: 132px;
    height: 50px;
    font-family: arial, sans-serif;
    font-size: 11px;
}

.report
{
    background-color: white;
    font-family: arial, sans-serif;
    font-size: 12px;
}

.reportcontent
{
    border: 1px solid grey;
}

.reportfilter
{
    border: 1px solid grey;
}

.recentshort:hover
{
    font-weight: bold;
}

.map_ctrl_custommap
{
    width: 120px;
    height: 18px;
    margin-top: 5px;
    border: 1px solid #717b87;
    background-color: #fff;
    color: black;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    cursor: pointer;
}

.map_ctrl_lastupdate
{
	margin-right: 2px;
	height: 14px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
	text-align: center;
	color: black;

    background-color: white;
	opacity: 0.7;
}

.k-grid-export-image
{
    display: inline-block;
    background: url('../../images/excel.gif');
    height: 19px;
    width: 19px;
    background-repeat: no-repeat;
}

.k-grid-export
{
    font-size: 12px !important;
    font-family: Tahoma !important;
}

.tabworkorders
{
    height: 330px;
}

.tabalert
{
    height: 290px;
}

.tabequipment
{
    height: 355px !important;
}

.panelactions
{
    height: 99px;
    overflow: auto;
    width: 430px;
}

input.error, textarea.error, select.error, div.error, li.error, td.error
{
    border: 2px solid red;
    color: black;
}

a.error
{
    background-color: pink;
    border: 2px solid red;
    color: #75abd4 !important;
    font-weight: bold !important;
}

input[type="button"]:disabled
{
    background: #dddddd;
}

.ui-effects-transfer
{
    border: 2px dotted gray;
}

.LinkNormal
{
    color: #285086 !important;
    font-family: Tahoma;
    font-size: 11px;
    cursor: pointer;
}

.tbmap img
{
    cursor: pointer;
    width: 22px;
}

    .quicklink img:hover
    {
        cursor: pointer;
        width: 30px;
    }

.quicklink td
{
    width: 35px;
    align-content: center;
    height: 35px;
}

.submenuaccordion li
{
    padding: 2px;
    color: #285086 !important;
    font-family: Tahoma;
    font-size: 11px;
    cursor: pointer;
}

#imgmenu:hover, #feedback:hover, #version:hover
{
    opacity: 0.8;
}

.GridDetailsJson td, #grdhistorialmessages td
{
    font-size: 8pt;
}

.trackingemailslist
{
    height: 100px;
    overflow: auto;
    padding: 0;
}

#eventree
{
    height: 290px;
}

.ui-autocomplete
{
    height: 450px;
    overflow: auto;
}


/*THIS BLOCK FOR ROUTES NOTIFY*/
.notiContainer
{
    position: relative; /* This is crucial for the absolutely positioned element */
    /*border:1px solid blue;*/ /* This is just to show you where the container ends */
    width: 16px;
    height: 16px;
}

.chatContainer
{
    position: relative; /* This is crucial for the absolutely positioned element */
    /*border:1px solid blue;*/ /* This is just to show you where the container ends */
}

.notiContainerEmpty
{
    position: relative; /* This is crucial for the absolutely positioned element */
    /*border:1px solid blue;*/ /* This is just to show you where the container ends */
    width: 16px;
    height: 16px;
    padding-top: 8px;
}

.notiBubble
{
    position: absolute; /* This breaks the div from the normal HTML document. */
    top: -6px;
    right: -8px;
    padding: 1px 4px 1px 4px;
    background-color: red; /* you could use a background image if you'd like as well */
    color: white;
    font-weight: bold;
    font-size: 0.75em;
    font-family: Tahoma !important;
    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 3px;
    /*box-shadow:1px 1px 1px gray;*/
}

.chatBubble
{
    position: absolute; /* This breaks the div from the normal HTML document. */
    top: 0px;
    right: 2px;
    padding: 2px 4px 2px 4px;
    background-color: #FF8C00; /* you could use a background image if you'd like as well */
    color: white;
    font-weight: bold;
    font-size: 0.85em;
    font-family: Tahoma !important;
    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 11px;
    /*box-shadow:1px 1px 1px gray;*/
    display: inline;
}

#panelbar
{
    width: 99%;
}

.contenturl
{
    padding: 10px !important;
}



#createlandmark:hover,
#routbuilder:hover
{
    z-index: 10;
}

#ContextMenuCols li
{
    list-style: none !important;
    padding-right: 20px !important;
    padding-left: 10px !important;
    height: 20px !important;
    padding-top: 0px !important;
}

.LabelBoldBlueBottomLine
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #2698D5;
    cursor: default;
    height: 30px;
    padding-top: 8px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #2698D5;
}

.LinkUnderline
{
    text-decoration: underline !important;
}

.divPendingMessageStyle
{
    border: 1px solid #CCCCCC;
    padding: 15px 5px 20px 15px;
    height: 379px;
}

.divAlertsStyle
{
    border: 1px solid #CCCCCC;
    padding: 15px 5px 20px 15px;
    height: 365px;
}

.divHeaderDetailPendingStyle
{
    border-style: solid solid none solid;
    border-width: 1px;
    border-color: #CCCCCC;
    padding: 5px 5px 6px 15px;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    height: 14px;
}

.k-window
{
    z-index: 103 !important; /*Esto tuve que agregarlo porque los js de Color tienen z-index = 10000*/
}

.ImgContextStyle
{
    padding-top: 2px !important;
}

.SpanContextStyle
{
    padding-left: 5px !important;
    font-size: 12px !important;
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 11px !important;
}

.active
{
    background-color: #CADDA9;
}

.RouteStops
{
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
    border: 0;
}

.Stops
{
    text-align: center;
    color: Black;
    font-family: Verdana;
    font-size: 8pt;
    line-height: 13px;
    cursor: pointer;
    padding: 0px;
}

    .Stops .Default
    {
        background-color: #FFFF99;
        width: 100%;
        height: 100%;
    }

    .Stops .Visited {
        width: 100%;
        height: 100%;
        background-color: #8ef57f;
    }


    .Stops .DelayedInDisorder
    {
        width: 100%;
        height: 100%;
        background-color: #CC3333;
    }

    .Stops .VisitedInDisOrder
    {
        width: 100%;
        height: 100%;
        background-color: #CCCCFF;
    }


.unitslocator
{
    background: url(/images/MappingMenu/UnitsLocator-Light.png) no-repeat top left;
    width: 20px;
    height: 20px;
    display: inline-block;
    height: 17px;
    width: 50px;
    zoom: 1;
    *display: inline;
}

.k-widget.k-menu-horizontal > .k-item
{
    border: 0 !important;
}

.k-menu.k-header
{
    border-color: transparent !important;
}

.custom-multiselect-popup .k-list .k-state-active
{
    color: #fff;
    background: #AFAFA7;
    background-color: #AFAFA7;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.custom-multiselect-summary-empty
{
    /* font-style: italic; */
}

.custom-multiselect-selectAll-item.k-item,
.custom-multiselect-selectAll-item.k-item.k-state-hover,
.custom-multiselect-selectAll-item.k-item.k-state-selected
{
    font-style: italic;
    /* font-weight: bold; */
    /* text-transform: uppercase; */
    border-bottom: #e0e0e0 solid 1px;
    padding-bottom: 1px;
}

.errorUnits
{
    background-color: pink;
}

.LabelWithFrame
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 2px 2px 2px 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.Frame
{
    background-color: #fbfaea;
    border: 1px solid #a8a89d;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.chatnotify
{
    /*position: absolute;*/ /* This breaks the div from the normal HTML document. */
    /*top: -6px;
    right: -8px;*/
    padding: 2px 4px 2px 4px;
    background-color: #FF8C00; /* you could use a background image if you'd like as well */
    color: #FFF;
    font-weight: bold;
    font-size: 0.8em;
    font-family: Tahoma !important;
    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    border-radius: 11px;
    /*box-shadow:1px 1px 1px gray;*/
    border: 1px solid #FF8C00;
    display: inline;
}

.chatbody
{
    border: 1px solid #D9D9D9;
    overflow-y: auto;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.headerchat
{
    border: 1px solid #D9D9D9;
}

.labelheader
{
    color: #1D1D1D;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.chatmessages
{
    padding: 3px 10px 3px 0px;
}

.filterchattime
{
    list-style-type: circle;
    margin: 3px 0px 5px 0px;
    padding: 0px;
}

    .filterchattime li
    {
        display: inline;
        padding-left: 10px;
    }

        .filterchattime li:before
        {
            content: '';
            background-color: #C0C0C0;
            display: inline-block;
            position: relative;
            height: 4px;
            width: 4px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            margin-right: 4px;
            top: -2px;
        }

.chatlist
{
    list-style: none;
    margin: 0px;
}

.chatuser
{
    float: left;
    width: 18%;
    padding-bottom: 5px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #999999;
    text-align: right;
    padding-right: 20px;
}

.chatunit
{
    float: left;
    width: 18%;
    padding-bottom: 5px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #0066CC;
    text-align: right;
    padding-right: 20px;
}

.chatmsg
{
    float: left;
    width: 65%;
    padding-bottom: 10px;
}

.chathistoryheader
{
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E2E2E2;
    background-image: url('../images/ChatTime.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
    float: left;
    width: 70%;
    padding-bottom: 10px;
}

.chattime
{
    float: left;
    width: 10%;
    padding-bottom: 5px;
    text-align: right;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #999999;
}

.tblFilterChat
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E2E2E2;
}

.LabelChatFilter
{
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    background-image: url('../images/ChatTime.png');
    background-repeat: no-repeat;
    padding-left: 20px;
}

.LinkChatFilter
{
    color: #3A78DC;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    cursor: pointer;
    text-decoration: underline;
}

.chatRecentMessages
{
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-image: url('../images/ChatRecent.png');
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-bottom: 5px;
    padding-top: 2px;
    color: #000;
}

.chatnotifyheader
{
    background-position: 0px 4px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E2E2E2;
    background-image: url('../images/UnitChat.png');
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-bottom: 5px;
    padding-top: 2px;
    color: #666666;
    vertical-align: middle;
}

.chatnotifybody
{
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.LinkChat
{
    color: #333;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    padding-right: 2px;
}

    .LinkChat:hover
    {
        text-decoration: underline;
        color: #0066CC;
    }

.tabroutebuilders
{
    height: 290px;
}

.tabroutebuildersaddress
{
    height: 230px;
}

.tabroutebuilderland
{
    height: 210px;
}

.tabroutebuilderqwo
{
    height: 263px;
}

.tabroutebuilderunits
{
    height: 120px;
}

.DivScroll
{
    border: solid 0px #ff0000;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
}

.GridRowDefault
{
    background-color: #EDEDE2;
    border-color: #F4F4EA;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Verdana;
    font-size: 7pt;
    font-weight: normal;
}

.eventsroutebuilder
{
    height: 24px;
    background-color: azure;
    cursor: pointer;
}

    .eventsroutebuilder:hover
    {
        height: 24px;
        background-color: #5ec2d8;
        cursor: pointer;
    }

#eleventcurres
{
    overflow: auto;
    height: 140px;
}

.selectmnu
{
    font-weight: bold;
    font-size: 12px;
}

.chart-wrapper
{
    width: 411px;
    height: 232px;
}

.Maintenance_Overdue
{
    background-color: #CC0000;
    color: #FFFFFF;
    height: 17px;
    width: 90px;
    text-align: center;
}

.Maintenance_Safe
{
    background-color: #008000;
    color: #FFFFFF;
    height: 17px;
    width: 90px;
    text-align: center;
}

.Maintenance_Service
{
    background-color: #FF9933;
    color: #FFFFFF;
    height: 17px;
    width: 90px;
    text-align: center;
}

.Maintenance_Programmed
{
    background-color: #279AD7;
    color: #FFFFFF;
    height: 17px;
    width: 90px;
    text-align: center;
}

.LabelStatusMaintenance {
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.LabelDataMaintenance {
    color: white;
    font-size: 12px;
}

.LabelNextMaintenance {
    color: #424242;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px 0px 10px;
}

.LabelDetailMaintenance {
    color: #848484;
    font-size: 12px;
}

.templateMaintenanceOrderRow {
    width: 100px;
    padding: 0px 20px 0px 0px;
    text-align: right;
}

.fieldlist {
    margin: 2 2 -2em;
    padding: 0;
}

.fieldlist li {
    list-style: none;
    padding-bottom: 2em;
}

.fieldlist label {
    display: block;
    padding-bottom: 1em;
    font-weight: bold;
    font-size: 12px;
    color: #444;
}

.demo-section.k-content {
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
    width: 98%;
    height: 50px;
    padding: 5px 5px 5px;
    border-radius: 2px 5px 5px;
}

.CalendarDescription {
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
    border-radius: 5px 5px 5px 5px;
}

.CalendarlabelDescription {
    margin-top: 0px;
    text-align: left;
    line-height: 150%;
    display: block;
    font-weight: bold;
    color: #848484;
    font-size: 12px;
    vertical-align: middle;
}

.TsoButtonHelp {
    background: -webkit-linear-gradient(#279AD7, blue) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#279AD7, blue) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#279AD7, blue) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#279AD7, blue) !important; /* Standard syntax */
    color: white !important;
    font-size: 26px !important;
    border-radius: 50% !important;
    float: left !important;
    background-color: #279AD7 !important;
    border-color: white !important;
    border: 2px solid #279AD7 !important;
}

.buttonCompany {
    background: -webkit-linear-gradient(#279AD7, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#279AD7, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#279AD7, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#279AD7, white); /* Standard syntax */
    color: white;
    font-size: 26px;
    border-radius: 50%;
    float: left;
    background-color: #279AD7;
    border-color: white;
    border: 2px solid #A9D0F5;
}

.HrefTaskCompany {
    font-family: Verdana, Arial;
    font-size: 12px;
    color: #279AD7;
    text-decoration: underline;
    cursor: pointer;
}


.buttonTaskCompany {
    font-family: Verdana, Arial;
    font-size: 14px;
    border: 2px solid deepskyblue;
    color: white;
    background-color: #279AD7;
    height: 25px;
    width: 120px;
}

.Maintenance_Repair_Btn {
    color: #CC0000 !important;
    text-align: center;
}

.Maintenance_Preventive_Btn {
    color: #279AD7 !important;
    text-align: center;
}

.Maintenance_Repair_Calendar
{
    background-color: #CC0000;
    color: #FFFFFF;
    text-align: center;
}

.Maintenance_Preventive_Calendar 
{
    background-color: #279AD7;
    color: #FFFFFF;
    text-align: center;
}

.regularCheckMaintenanceCalendar{
	-moz-appearance: none;
    -webkit-appearance: none;
	background-color: #e9ecee;
	border: 1px solid #f2f9f9;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
    
.safe-checkbox:checked {
	background-color: #51b749;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.service-checkbox:checked {
	background-color: #F8A724;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.overdude-checkbox:checked {
	background-color: #F4411E;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.schedule-checkbox:checked {
	background-color: #279AD7;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.safe-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	left: 3px;
	color: white;
}

.service-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	left: 3px;
	color: white;
}

.overdude-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	left: 3px;
	color: white;
}

.schedule-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	left: 3px;
	color: white;
}

.CalendarRectangle{
    width:20px;
    height:20px;
    border-radius: 3px;
    border: 1px solid #f2f9f9;
}


.progressBarBorder {
    -webkit-border-radius: 0px 0px !important;
    border-radius: 0px 0px !important; /* Safari  */
    -moz-border-radius: 0px 0px !important;
}

.worldmap
{
    width: 482px;
    height: 202px;
}

.droptarget
{
     border: 1px solid #959595;
    height: 252px;
    width: 440px;
    font-size: 36px;
    border-radius: 0px;
    text-align: center;
    line-height: 198px;
    color: #a1a1a1;
    text-shadow: 0 1px 1px #fff;
    cursor: default;
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #c1c1c1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#c1c1c1));
    background: -webkit-linear-gradient(top, #dddddd 0%,#c1c1c1 100%);
    background: -o-linear-gradient(top, #dddddd 0%,#c1c1c1 100%);
    background: -ms-linear-gradient(top, #dddddd 0%,#c1c1c1 100%);
    background: linear-gradient(top, #dddddd 0%,#c1c1c1 100%);
    opacity: 0.2;
}


.clear
{
    clear: both;
}

.big_box
{
    width: 100%;
}

    .big_box .box
    {
        float: left;
        width: 33%;
        height: 289px;
        z-index: -99999;
    }

.headtitle
{
    background-color: aliceblue;
    font-size: 14px;
}

.settingdashb
{
  border: 0 !important;
    width: 16px !important;
    text-align: right !important;
    padding-right: 10px !important;
    background: none !important;
    padding-bottom:5px;
}

.dashboardli
{
    font-size: 12px !important;
    z-index: 9999;
    text-align:left;
}

.LabelBoldValue
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #748292;
    cursor: default;
    height: 30px;
    padding-top: 8px;
    padding-left: 10px;
}

.LabelBoldRedValue
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: Red;
    cursor: default;
    height: 30px;
    padding-top: 8px;
    padding-left: 10px;
}

.lstappmodes li
{
    
    list-style-type: none;
    width: 600px;
    text-align: justify;
}

.lstappmodes
{
   padding-left: 0px;
}
.InfoWindowNotes
 {	 
     background-color: #FFFFCC;
     font-size: 8pt;
     font-family: Verdana;
     border: solid 1px #808080;
 }

.layerGrouplist
{
    list-style: none;
    margin: 0px;
    padding-left: 10px;
    padding-top: 10px;

}

.divTreeContent
{
    border: 1px solid #DBDBDE;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    
    background-color: white;
    overflow-y: auto;
}

.HelpContent
{
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    color: #1D1D1D !important;
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 12px !important;
}

.HelpTitle
{
    color: #2362a9;
    font-size: 18px;
    padding-left: 20px;
    padding-bottom: 15px;
    padding-top: 10px;
}

.divHelp
{
    background-position: left top;
    border: 1px solid #DBDBDE;
    overflow-y: auto;
    background-color: #FFF;
    background-image: url('../images/APIs.png');
    background-repeat: no-repeat;
}

.divWhite
{
    background-color: #FFF;
}

.activeCameraHeader
{
    background-color: #66BC29;
    height: 10px;
    cursor: default;
    vertical-align: top;
}

/*Incabin Views*/
.LabelUnassigned {
    color: #1F87BE;
    cursor: default;
    font-family: Tahoma, Arial;
    font-size: 11px;
    font-weight: normal;
    padding-top: 9px;
}

/*REPORTS INCABIN*/

.ReportTitle1
{
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 26px !important;
    color: #2B8ABE;
    font-stretch: ultra-condensed;
}

.ReportTitle2
{
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 26px !important;
    color: #2B8ABE;
    font-weight: bolder;
    font-stretch: ultra-condensed;
}

#divBodyReport
{
    padding: 20px;
    border: 1px solid #F3F4F6;
}

.tdReportHeader
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #2B8ABE;
    padding-bottom: 5px;
}

.lblTotalSmall
{
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 12px;
    font-weight: bold;
}

.lblTotalValue
{
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 30px;
    font-weight: bold;
    color: #1E6C9A;
}

.tdTotalValue
{
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-bottom-color: #8DC4E4;
}
.tdSucceedValue
{
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-bottom-color: #9AC51B;
}

.tdRepairValue
{
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-bottom-color: #CD151E;
}

#helptree .k-sprite {
                    background-image: url("../content/web/treeview/coloricons-sprite.png");
                }

.LabelStatusTickets
{
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 20px;
    padding-right: 5px;
    font-weight: bold;
}

.labelInfo
{
	text-align: right;
	color: #808080;
}

.labelInfoLeft {
    text-align: left;
    color: #808080;
}

.labelValue
{
	color: black;
}

.btn_module_action
{
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f0f0f0;
}

.btn_green {
    background-color: #4acb22 !important;
}

.btn_red {
    background-color: #da2e2e !important;
    color: white !important;
}

.btn_blue {
    background-color: #0080C0 !important;
    color: white !important;
}

.divIconsListView {     
    
}

.IconsListView {
    padding: 5px;
    margin-bottom: -1px;
    min-height: 315px;
    width: 710px;
}
.IconClass {
    border: 1px solid #CCCCCC;
    float: left;
    position: relative;
    width: 60px;
    height: 70px;
    text-align: center;
    padding: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}
.IconClass img {
    width: 32px;
    height: 32px;
    padding: 5px;
}
.IconClass h3 {
    margin: 0;
    padding: 3px 5px 0 0;
    max-width: 96px;
    overflow: hidden;
    line-height: 1.1em;
    font-size: 10px;
    font-weight: normal;
    color: #2E2E2E;
    text-align: center;
    vertical-align: bottom;
}
.IconClass p {
    visibility: hidden;
}
.IconClass:hover p {
    visibility: visible;
    position: absolute;
    width: 110px;
    height: 110px;
    top: 0;
    margin: 0;
    padding: 0;
    line-height: 110px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.75);
    transition: background .2s linear, color .2s linear;
    -moz-transition: background .2s linear, color .2s linear;
    -webkit-transition: background .2s linear, color .2s linear;
    -o-transition: background .2s linear, color .2s linear;
}
.k-listview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.UnitNoEditMessage {
    border-style: solid;
    border-width: 1px;
    border-color: #D1463A;
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 11px;
    color: #FFF;
    background-color: #D9675D;
    position: absolute;
    bottom: 27px;
    left: 9px;
    padding: 10px 35px 10px 20px;
}

.DashboardTimeUpdate {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 18px;
    font-weight: bold;
    color: #CCCCCC;
    padding-right: 22px;
}

.hrStyle {
    border: 1px solid #F3F3F3;
}

.hrGadgetStyle {
    border: 1px solid #EBEBEB;
}

.divGadgetTitle {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 18px;
    font-weight: bold;
    color: #2B76CE;
}

.gadgetDescription {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 12px;
    color: #808080;
}

.LabelGadgetTitle {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.gadget_menu {
    border: 1px solid #EBEBEB !important;
}


.gadget_menu li a:hover {
    background-color: #F5F5F5 !important;
    background-image: none !important;
    border: 1px solid #E2E2E2 !important;
}

.gadget_menu label {
    padding-left: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*.ScreenMask
{
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    float: left;
    position: absolute;
    color: #fff;
    z-index: 11000;
}*/

/*.Loading
{
	background-color: #000;
    width: 100%;
    height: 100%;
    float: left;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.loadingtext 
{
    background: #FFF;
    position: absolute;
    top: 20px;
    left: 20px;
    top: 40%; 
	left: 43%; 

    text-align: center;
    padding: 15px 15px 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}*/

.msg 
{
    font-family: Geneva,Arial,Helvetica,sans-serif !important;
    font-size: 11px;
    color: #000;
    z-index: 11000;
}

.genericLink {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #008FD5;
    text-decoration: underline;
    cursor: pointer;
}

.genericLinkWhite {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #FFF !important;
    text-decoration: underline;
}

.MaintenanceSafeStyle {
    background-color: #378D3B;
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #FFF;
    font-size: 11px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.MaintenanceOverdueStyle {
    background-color: #E53935;
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #FFF;
    font-size: 11px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.MaintenanceServiceStyle {
    background-color: #FF8000;
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #FFF;
    font-size: 11px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.LabelNoItemsFound {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #808080;
    font-size: 16px;
    font-weight: bold;
}

.LabelCheckFilter {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #999999;
    font-size: 12px;
}

.schoolPhoto {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.schoolPhotoName {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding-left: 5px;
    float: left;
    padding-top: 5px;
}

.schoolCheckPhotoName {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding-top: 8px;
    float: left;
}

.schoolAccountPhoto {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-size: 38px 38px;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.schoolAccountPhotoName {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    /*line-height: 32px;*/
    padding-left: 7px;
    float: left;
}

.btn_rfid {
    border: 1px solid #F8A724 !important;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FAB94E !important;
    color: #333333 !important;
}

.btn_rfid:hover {
    border: 1px solid #E08E05 !important;
    background-color: #F8A724 !important;
}






/*  ESTILOS DE CROP IMAGE   */

.container
{
    display: inline-block;
}
.action
{
    margin: 10px 0;
}

.imageBox
{
    
    border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}

.imageBox .thumbBox
{    
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner
{
    
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
}


/* Estilos de libreria de ayuda IntroJS */

.forLastStep {
    font-weight: bold;
}

.customDefault {
    color: #1C1C1C;
    font-family: "Arial","Times New Roman", serif;
    font-size: 14px;
}

.customDefault .introjs-skipbutton {
    border-radius: 0;
    color: blue;
}

.btn_followup {
    border: 1px solid #DFB800 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-color: #FFD100 !important;
    cursor: default !important;
}

.logBook_DriverStyle {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 20px;
    font-weight: bold;
    color: #CCCCCC;
    padding-right: 22px;
}

/*.labelOnline {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 14px;
    font-weight: bold;
    color: #66BC29;
}

.labelOffline {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 14px;
    font-weight: bold;
    color: #A6AFBE;
}*/

.labelOnline {
    border: 1px solid #44AE49 !important;
    background-color: #44AE49 !important;
    color: #fff !important;
    cursor: default !important;
}

.labelOffline {
    border: 1px solid #A6AFBE !important;
    background-color: #A6AFBE !important;
    color: #fff !important;
    cursor: default !important;
}

.channelProgressBar {
    width: 100%;
    height: 18px;
    background-color: #A6AFBE;
    position: relative;
}

    .channelProgressBar div {
        height: 100%;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: #66BC29;
        box-sizing: border-box;
    }

.channelProgressBar label {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    font-size: 12px;
    color: #FFF;
    position: absolute;
    top: 2px;
    left: 32.5%;
}

.badge-alert {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 0px;
}

.badge-alert-icon {
    width: 24px;
    height: 24px;
    padding-top: 0px;
}
/*.badge-alert-icon:hover {
    width: 30px;
    height: 30px;
}*/

/*.badge-alert-numbers {
    font-size: 12px;
    background-color: red;
    width: 16px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    z-index: 2;
    border-radius: 3px;
    position: absolute;
    left: 18px;
    top: -8px;
}*/
.badge-alert-numbers {
    font-size: 12px;
    background-color: #E53935;
    width: 17px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    z-index: 2;
    border-radius: 3px;
    position: absolute;
    left: 22px;
    top: -2px;
    padding-right: 2px;
}

.badge-chat-numbers {
    font-size: 12px;
    background-color: #FF8C00;
    width: 17px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    z-index: 2;
    border-radius: 3px;
    position: absolute;
    left: 20px;
    top: -2px;
    padding-right: 0px;
}

.routesMonitorHeader {
    background-color: #FFF;
    border: 1px solid #C8C8C8;
}

.routesMonitorOperation {
    float: right;
    margin-left: 15px;
    text-align: center;
    padding: 5px 7px 5px 7px;
    width: 150px;
}

.routesMonitorOperationTitle {
    font-family: Arial;
    font-size: 16px;
}

.routesMonitorOperationValue {
    font-family: Arial;
    font-size: 25px;
    font-weight: bold;
}

/** Public Transportation Dashboard **/

.fluid-container {
    position: relative;
}

.display-inline {
    display: inline;
}

.fluid-container .row-05 {
    width: 5%;
}

.fluid-container .row-1 {
    width: 10%;
}

.fluid-container .row-2 {
    width: 20%;
}

.fluid-container .row-3 {
    width: 30%;
}

.fluid-container .row-4 {
    width: 40%;
}

.fluid-container .row-5 {
    width: 50%;
}

.fluid-container .row-6 {
    width: 60%;
}

.fluid-container .row-7 {
    width: 70%;
}

.fluid-container .row-8 {
    width: 80%;
}

.fluid-container .row-9 {
    width: 90%;
}

.fluid-container .row-10 {
    width: 100%;
}

.white-bg {
    background-color: white;
}

.border {
    border: 1px solid #C8C8C8;
}

.display-none {
    display: none;
}

.display-inline-block {
    display: inline-block;
}

.display-flex {
    display: flex;
}

.vertical-align-top {
    vertical-align: top;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.cursor-pointer {
    cursor: pointer;
}

.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

/* Height*/
.h-5 {
    height: 5px;
}

.h-8 {
    height: 8px;
}

.h-10 {
    height: 10px;
}

.h-15 {
    height: 15px;
}

.h-18 {
    height: 18px;
}

.h-20 {
    height: 20px;
}

.h-22 {
    height: 22px;
}

/* Width */
.w-10 {
    width: 10px;
}

.w-15 {
    width: 15px;
}

.w-18 {
    width: 18px;
}

.w-22 {
    width: 22px;
}

/* Border radius */
.brd-30 {
    border-radius: 30px;
}

.brd-10 {
    border-radius: 10px;
}

.round {
    border-radius: 50%;
}

/* Font */
.font-weight-700 {
    font-weight: 700;
}

.fs-18 {
    font-size: 18px; 
}

.fs-15 {
    font-size: 15px;
}

.fs-14 {
    font-size: 14px;
}

.fs-12 {
    font-size: 12px;
}

/************* PADDING *************/
/* padding 2px */
.p-2 {
    padding: 2px;
}

.pt-2 {
    padding-top: 2px;
}

.pb-2 {
    padding-bottom: 2px;
}

.pl-2 {
    padding-left: 2px;
}

.pr-2 {
    padding-right: 2px;
}

/* padding 3px */
.p-3 {
    padding: 3px;
}

.pt-3 {
    padding-top: 3px;
}

.pb-3 {
    padding-bottom: 3px;
}

.pl-3{
    padding-left: 3px;
}

.pr-3 {
    padding-right: 3px;
}

/*padding 5px*/
.p-5 {
    padding: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

/*padding 8px*/
.p-8 {
    padding: 8px;
}

.pt-8 {
    padding-top: 8px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pl-8 {
    padding-left: 8px;
}

.pr-8 {
    padding-right: 8px;
}

/*padding 10px*/
.p-10 {
    padding: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-10 {
    padding-right: 10px;
}

/*padding 15px*/
.p-15 {
    padding: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

/*padding 20px*/
.p-20 {
    padding: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

/*padding 25px*/
.p-25 {
    padding: 25px;
}

.pt-25 {
    padding-top: 25px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pl-25 {
    padding-left: 25px;
}

.pr-25 {
    padding-right: 25px;
}

/*padding 30px*/
.p-30 {
    padding: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

/************* MARGIN *************/

/*margin 5px*/
.m-5 {
    margin: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.mr-5 {
    margin-right: 5px;
}

/*margin 8px*/
.m-8 {
    margin: 8px;
}

.mt-8 {
    margin-top: 8px;
}

.mb-8 {
    margin-bottom: 8px;
}

.ml-8 {
    margin-left: 8px;
}

.mr-8 {
    margin-right: 8px;
}

/*margin 10px*/
.m-10 {
    margin: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

/*margin 15px*/
.m-15 {
    margin: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

/*margin 20px*/
.m-20 {
    margin: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

/*margin 30px*/
.m-30 {
    margin: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

/*margin 35px*/
.m-35 {
    margin: 35px;
}

.mt-35 {
    margin-top: 35px;
}

.mb-35 {
    margin-bottom: 35px;
}

.ml-35 {
    margin-left: 35px;
}

.mr-35 {
    margin-right: 35px;
}

/*margin 40px*/
.m-40 {
    margin: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.green-fg {
    color: #29881C !important;
}

.red-fg {
    color: #E53935 !important;
}

.DeleteButton {
    border: 1px solid #E53935 !important;
    background-color: #E53935 !important;
    color: #fff !important;
}

.DeleteButton:hover {
    border: 1px solid #E53935 !important;
    background-color: #E53935 !important;
    color: #fff !important;
    cursor: pointer !important;
}

.window-footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 97%;
    margin-top: 150px;
    padding: 15px 0 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.h2-title-form {
    font-size: 1.2857em !important;
    line-height: 1.2857em !important;
    border-bottom: 1px solid #e7e7e7;
    margin: -5px -19px 0.8333em;
    padding: 8px 19px 0.7222em;
    color: #5D5D5D !important;
    font-weight: normal !important;
}

.ParameterTag {
    border: 1px solid #BF9E00 !important;
    background-color: #FFD100 !important;
    color: #5D5D5D !important;
}

.ParameterTag:hover {
    border: 1px solid #9B8000 !important;
    background-color: #E1BA00 !important;
}

.k-items {
    padding: 10px 0 10px 10px;
}

.k-item-logout a {    
    color: #E53935 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.ButtonGreen {
    border: 1px solid #49A049 !important;
    background-color: #49A049 !important;
    color: #fff !important;
}

.ButtonGreen:hover {
    border: 1px solid #49A049 !important;
    background-color: #49A049 !important;
    color: #fff !important;
}

.ButtonGreen span {
    color: #FFF !important;
}

.ButtonRed {
    border: 1px solid #E53935 !important;
    background-color: #E53935 !important;
    color: #fff !important;
}

.ButtonRed:hover {
    border: 1px solid #E53935 !important;
    background-color: #E53935 !important;
    color: #fff;
}

.ButtonRed span {
    color: #FFF !important;
}

/* Pildoras simulando items de multiselect  de kendo */
.badge {
    font-family: Geneva, Arial, Helvetica, 'sans-serif !important';
    display: inline-block;
    padding: 5px 5px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}










.ScreenMask {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    float: left;
    position: absolute;
    color: #fff;
    z-index: 11000;
}

.Loading {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    float: left;
    /*filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;*/
}

.Loading {
    backdrop-filter: blur(4px);
    opacity: .5;
    z-index: 2
}

.loadingtext {
    background: #FFF;
    position: absolute;
    top: 20px;
    left: 20px;
    top: 40%;
    left: 43%;
    text-align: center;
    padding: 15px 15px 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

/*.loadingMsgStyle {
    font-family: Tahoma !important;
    font-size: 12px;
    color: #000;
    padding: 5px 20px 5px 20px;
    background-color: #FFF;
}*/

.loader {
    position: absolute;
    top: 45%;
    left: 40%;
    margin-left: 10%;
    transform: translate3d(-50%, -50%, 0);
    text-align: center;
}

.dot {
    width: 24px;
    height: 24px;
    background: #3ac;
    /*margin-right: 5px;
    border-radius: 100%;*/
    display: inline-block;
    animation: slide 1s infinite;
}

.dot:nth-child(1) {
    animation-delay: 0.1s;
    background: #2E64A9;
    margin-right: 5px;
}

.dot:nth-child(2) {
    animation-delay: 0.2s;
    background: #35A7DF;
    margin-right: 5px;
}

.dot:nth-child(3) {
    animation-delay: 0.3s;
    background: #D8D8D8;
    margin-right: 5px;
}

.dot:nth-child(4) {
    animation-delay: 0.4s;
    background: #35A7DF;
    margin-right: 5px;
}

.dot:nth-child(5) {
    animation-delay: 0.5s;
    background: #2E64A9;
    margin-right: 5px;
}

@-moz-keyframes slide {
    0% {
        transform: scale(0.5);
    }

    50% {
        opacity: 0.3;
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}

@-webkit-keyframes slide {
    0% {
        transform: scale(0.5);
    }

    50% {
        opacity: 0.3;
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}

@-o-keyframes slide {
    0% {
        transform: scale(0.5);
    }

    50% {
        opacity: 0.3;
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}

@keyframes slide {
    0% {
        transform: scale(0.5);
    }

    50% {
        opacity: 0.3;
        transform: scale(1);
    }

    100% {
        transform: scale(0.5);
    }
}

/* TOAST STYLE */
/* Notifications */
.k-notification h3 {
    font-family: Arial, Helvetica, 'Microsoft Sans Serif';
    padding: 20px 10px 5px;
    font-size: 14px;
    line-height: normal;
}

.k-notification span {
    margin: 0 10px 0 15px;
    float: left;
}

.n-content {
    /*width: 400px;
    height: 55px;*/
    min-width: 300px;
    max-width: 400px;
    margin: 15px 20px 18px 0;
    /*text-align: justify !important;
    color: #FFF;*/
}

.n-title {
    font-family: Arial, Helvetica, 'Microsoft Sans Serif';
    font-size: 14px;
    font-weight: bold;
}

.n-message {
    font-family: Arial, Helvetica, 'Microsoft Sans Serif';
    font-size: 13px;
    /*color: #FFF;*/
}

/* Success template */
.upload-success {
    width: 300px;
    height: 100px;
}

div.k-animation-container {
    padding-bottom: 5px;
}

.normalButton {
    border: none !important;
    justify-content: center;
    padding: 0 16px;
    margin: 0 0 0 8px;
    background: none !important;
    background-color: #E9E9E9 !important;
    height: 30px !important;
    border-radius: 4px !important;
    color: #174ea6 !important;
    margin: 0 4px 0 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif !important;
    letter-spacing: .25px !important;
}

    .normalButton:hover {
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%) !important;
        background-color: #F2F2F2 !important;
        border-radius: 4px !important;
        /* box-shadow: 0 1px 2px 0 rgb(200 200 200 / 45%), 0 1px 3px 1px rgb(200 200 200 / 30%);
    background-color: #DFDFDF; */
    }

.greenButton {
    border: none;
    justify-content: center;
    padding: 0 16px;
    margin: 0 0 0 8px;
    background: none;
    background-color: #49A049;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    margin: 0 10px 0 4px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
}

    .greenButton:hover {
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        background-color: #58B458;
    }

.unitsLocatorStyle {
    cursor: default;
    height: 210px;
    overflow: auto;
    width: 100%;
}

.layerCtrlPnlStyle {
    cursor: default;
    height: 300px;
    overflow: auto;
    width: 100%;
}

.k-checkbox {
    height: 18px;
}


.window-tree-footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 95.5%;
    margin-top: 150px;
    padding: 15px 0 28px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    z-index: 100;
}

.k-unitslocator-item {
    vertical-align: bottom;
}


.cancelButton {
    border: none;
    justify-content: center;
    padding: 0 16px;
    margin: 0 0 0 8px;
    background: none;
    height: 30px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    color: #174ea6;
    /* align-items: center;
    border: none;
    display: inline-flex;
    justify-content: center;
    outline: none;
    position: relative;
    z-index: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: .875rem;
    letter-spacing: .25px;
    background: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5f6368;
    cursor: pointer;
    font-weight: 500;
    height: 36px;
    min-width: 80px;
    outline: none;
    padding: 0 16px;
    margin: 0 0 0 8px; */
}

    .cancelButton:hover {
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        background-color: #F2F2F2;
        border-radius: 4px;
        /* align-items: center;
    border: none;
    display: inline-flex;
    justify-content: center;
    outline: none;
    position: relative;
    z-index: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: .875rem;
    letter-spacing: .25px;
    background: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5f6368;
    cursor: pointer;
    font-weight: 500;
    height: 36px;
    min-width: 80px;
    outline: none;
    padding: 0 16px;
    margin: 0 0 0 8px; */
    }

.primaryButton {
    border: none;
    justify-content: center;
    padding: 0 16px;
    margin: 0 0 0 8px;
    background: none;
    background-color: #1a73e8;
    /* height: 36px; */
    height: 30px;
    /* min-width: 65px; */
    border-radius: 4px;
    color: #fff;
    margin: 0 10px 0 4px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    /* align-items: center;
    border: none;
    display: inline-flex;
    justify-content: center;
    outline: none;
    position: relative;
    z-index: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: .875rem;
    letter-spacing: .25px;
    background: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #5f6368;
    cursor: pointer;
    font-weight: 500;
    height: 30px;
    min-width: 65px;
    outline: none;
    padding: 0 16px;
    background-color: #1a73e8;
    color: #fff;
    margin: 0 10px 0 4px; */
}

    .primaryButton:hover {
        box-shadow: 0 1px 2px 0 rgb(26 115 232 / 45%), 0 1px 3px 1px rgb(26 115 232 / 30%);
        /* background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59)); */
        background-color: #297be6;
    }

.redButton {
    border: none;
    justify-content: center;
    padding: 0 16px;
    margin: 0 0 0 8px;
    background: none;
    background-color: #E53935;
    /* height: 36px; */
    height: 30px;
    /* min-width: 65px; */
    border-radius: 4px;
    color: #fff;
    margin: 0 4px 0 10px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
}

    .redButton:hover {
        box-shadow: 0 1px 2px 0 rgb(229 57 53 / 45%), 0 1px 3px 1px rgb(229 57 53 / 30%);
        /* background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59)); */
        background-color: #E6423E;
    }

.videoOffLine {
    padding: 8px 16px;
    background: none;
    background-color: #E53935;    
    border-radius: 4px;
    color: #fff;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
}

.videoOnLine {
    padding: 8px 16px;
    background: none;
    background-color: #49A049;
    border-radius: 4px;
    color: #fff;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
}

.route_error_1 {
    background-color: salmon !important;
}

.window-report-header {
    padding: 10px 0 5px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.redButtonSmall {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #E53935;
    height: 26px;
    border-radius: 4px;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
}

.redButtonSmall:hover {
    box-shadow: 0 1px 2px 0 rgb(229 57 53 / 45%), 0 1px 3px 1px rgb(229 57 53 / 30%);
    /* background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59)); */
    background-color: #E6423E;
}

.primaryButtonSmall {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #1a73e8;
    height: 26px;
    border-radius: 4px;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
}

.primaryButtonSmall:hover {
    box-shadow: 0 1px 2px 0 rgb(26 115 232 / 45%), 0 1px 3px 1px rgb(26 115 232 / 30%);
    background-color: #297be6;
    color: #fff;
}

.normalButtonSmall {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #E9E9E9;
    height: 26px;
    border-radius: 4px;
    color: #174ea6;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
}

.normalButtonSmall:hover {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    background-color: #F2F2F2;
    border-radius: 4px;
    /* box-shadow: 0 1px 2px 0 rgb(200 200 200 / 45%), 0 1px 3px 1px rgb(200 200 200 / 30%);
    background-color: #DFDFDF; */
}

.disabledButton {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #E9E9E9 !important;
    height: 30px;
    border-radius: 4px;
    color: #174ea6 !important;
    margin: 0 10px 0 4px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif !important;
    letter-spacing: .25px !important;
}


    .disabledButton span {
        color: #174ea6 !important;
    }

    .greenButtonSmall {
        border: none;
        justify-content: center;
        margin: 2px 0 0 8px;
        background: none;
        background-color: #49A049;
        height: 26px;
        border-radius: 4px;
        color: #fff;
        margin-left: 0px;
        margin-right: 0px;
        font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
        letter-spacing: .25px;
        font-size: 12px;
    }

    .greenButtonSmall:hover {
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        background-color: #58B458;
        color: #fff;
        border-radius: 4px;
    }

.labelInfoWindow {
    text-align: right;
    color: #808080;
    font-size: 12px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}

.labelValueInfoWindow {
    text-align: left;
    font-size: 12px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    color: #000;
}

.gm-style-iw {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

    .gm-style-iw > div {
        overflow: visible !important;
    }

.infoWindow {
    overflow: hidden !important;
}

.spaceButtonRight {
    margin-right: 5px !important;
}

.labelInfoWindowNotes {
    background-color: #FFFFCC;
    font-size: 11px;
    font-family: Verdana;
    border: solid 1px #808080;
    width: 92.5%;
    padding: 4px 2px 5px 8px;
}

.infowindow-footer {
    display: block;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.normalButtonSmallInfoWin {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #E9E9E9;
    height: 26px;
    border-radius: 4px;
    color: #174ea6;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 11px;
}

.normalButtonSmallInfoWin:hover {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    background-color: #F2F2F2;
    border-radius: 4px;
}

.primaryButtonSmallInfoWin {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #1a73e8;
    height: 26px;
    border-radius: 4px;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 11px;
}

.primaryButtonSmallInfoWin:hover {
    box-shadow: 0 1px 2px 0 rgb(26 115 232 / 45%), 0 1px 3px 1px rgb(26 115 232 / 30%);
    background-color: #297be6;
    color: #fff;
}

.videoContainer {
    position: relative;
    
}

.boxContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.stack-top {
    z-index: 9;
}

.videoclip {
    float: left;
    position: relative;
    width: 365px;
    height: 430px;
    margin: 15px 15px 10px 15px;
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
    overflow: hidden;
}

.videoclip:hover {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: rgb(0 0 0 / 30%) 0px 2px 1px -1px, rgb(0 0 0 / 40%) 0px 1px 1px 0px, rgb(0 0 0 / 38%) 0px 1px 15px 0px;
}

.deviceEventTitle {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #57595b;
    border: none;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
}

.deviceEventDesc {
    font-family: Arial, Helvetica, 'Microsoft Sans Serif';
    font-size: 13px;
    color: #9F9F9F;
}

.deviceEventNormal {
    font-family: Arial, Helvetica, 'Microsoft Sans Serif';
    font-size: 14px;
    color: #000;
}

.videoTypeClass {
    color: #1a73e8;
    font-weight: bold;
}

.vidfleet_lblVideoTitle {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #000;
}

.redButtonSmall {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #E53935;
    height: 26px;
    border-radius: 4px;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
}

.redButtonSmall:hover {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    /* background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59)); */
    background-color: #E6423E;
    border-radius: 4px;
}

.primaryButtonSmall {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #1a73e8;
    height: 26px;
    border-radius: 4px;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
}

.primaryButtonSmall:hover {
    /* box-shadow: 0 1px 2px 0 rgb(26 115 232 / 45%), 0 1px 3px 1px rgb(26 115 232 / 30%); */
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    background-color: #297be6;
    color: #fff;
    border-radius: 4px;
}

.normalButtonSmall {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #E9E9E9;
    height: 26px;
    border-radius: 4px;
    color: #174ea6 !important;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
}

    .normalButtonSmall:hover {
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        background-color: #F2F2F2 !important;
        border-radius: 4px;
        /* box-shadow: 0 1px 2px 0 rgb(200 200 200 / 45%), 0 1px 3px 1px rgb(200 200 200 / 30%);
background-color: #DFDFDF; */
    }

.yellowButtonSmall {
    border: none;
    justify-content: center;
    margin: 2px 0 0 8px;
    background: none;
    background-color: #FFD100;
    height: 26px;
    border-radius: 4px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
    min-width:94px
}

.yellowButtonSmall:hover {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    background-color: #FFDC37;
    border-radius: 4px;
}

.button_red {
    background-color: #da2e2e !important;
    color: white !important;
}

.LabelNormal12 {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
}

.LinkLabel {
    color: #366AB3 !important;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    cursor: pointer;
    text-decoration: underline;
}

.file-icon {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    margin-top: 13.5px;
}

.file-heading {
    font-family: Arial;
    font-size: 1.1em;
    display: inline-block;
    float: left;
    width: 60%;
    margin: 0 0 0 10px;
    height: 20px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.file-name-heading {
    font-weight: bold;
    margin-top: 10px;
}

.file-size-heading {
    font-weight: normal;
    font-style: italic;
}

li.k-file div.file-wrapper {
    position: relative;
    height: 80px;
    width: 100%;
}

.validation-msg-hide {
    display: none;
}

.validation-msg-show {
    display: inline;
}

.validation-upload-message {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #E53935;
    height: 25px;
}

.highlight {
    background-color: orange;
    padding: 2px;
}

.mapButton {
    background-color: #fff;
    box-shadow: rgba(0,0,0,.3) 0px 1px 4px -1px;
    box-sizing: border-box;
    border-width: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    right: 10px !important;
    margin-top: 10px;
}

.mapButton button {
    background-color: #fff;
    box-shadow: rgba(0,0,0,.3) 0px 1px 4px -1px;
    box-sizing: border-box;
    border-width: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.mapButtonZoom {
    font-size: 30px;
}

.mappingLayerOptions {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #343330;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 3px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}







.gm-style
.controls.maptype-control.maptype-control-is-satellite
.maptype-control-satellite {
    font-weight: 700;
}

.gm-style .controls.fullscreen-control button {
    display: block;
    font-size: 1em;
    height: 100%;
    width: 100%;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon {
    border-style: solid;
    height: 0.25em;
    position: absolute;
    width: 0.25em;
}

.gm-style
.controls.fullscreen-control
.fullscreen-control-icon.fullscreen-control-top-left {
    border-width: 2px 0 0 2px;
    left: 0.1em;
    top: 0.1em;
}

.gm-style
.controls.fullscreen-control.is-fullscreen
.fullscreen-control-icon.fullscreen-control-top-left {
    border-width: 0 2px 2px 0;
}

.gm-style
.controls.fullscreen-control
.fullscreen-control-icon.fullscreen-control-top-right {
    border-width: 2px 2px 0 0;
    right: 0.1em;
    top: 0.1em;
}

.gm-style
.controls.fullscreen-control.is-fullscreen
.fullscreen-control-icon.fullscreen-control-top-right {
    border-width: 0 0 2px 2px;
}

.gm-style
.controls.fullscreen-control
.fullscreen-control-icon.fullscreen-control-bottom-left {
    border-width: 0 0 2px 2px;
    left: 0.1em;
    bottom: 0.1em;
}

.gm-style
.controls.fullscreen-control.is-fullscreen
.fullscreen-control-icon.fullscreen-control-bottom-left {
    border-width: 2px 2px 0 0;
}

.gm-style
.controls.fullscreen-control
.fullscreen-control-icon.fullscreen-control-bottom-right {
    border-width: 0 2px 2px 0;
    right: 0.1em;
    bottom: 0.1em;
}

.gm-style
.controls.fullscreen-control.is-fullscreen
.fullscreen-control-icon.fullscreen-control-bottom-right {
    border-width: 2px 0 0 2px;
}

.gm-fullscreen-control {
    bottom: 24px !important;
    right: 0px !important;
    box-shadow: rgba(0,0,0,.7) 0px 1px 4px -1px !important;
}

.gm-svpc {
    left: 0px !important;
    box-shadow: rgba(0,0,0,.7) 0px 1px 4px -1px !important;
}









.blue-switch {
    position: relative !important;
    margin-right: 10px !important;
    width: 75px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    text-align: left !important;
}

.blue-switch-checkbox {
    display: none !important;
}

.blue-switch-label {
    display: block !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 0 solid #bbb !important;
    border-radius: 20px !important;
    margin: 0 !important;
}

    .blue-switch-label:focus {
        outline: none !important;
    }

        .blue-switch-label:focus > span {
            box-shadow: 0 0 2px 5px #ff0 !important;
        }

    .blue-switch-label > span:focus {
        outline: none !important;
    }

.blue-switch-inner {
    display: block !important;
    width: 200% !important;
    margin-left: -100% !important;
    transition: margin 0.3s ease-in 0s !important;
}

    .blue-switch-inner:before, .blue-switch-inner:after {
        display: block !important;
        float: left !important;
        width: 50% !important;
        height: 34px !important;
        padding: 0 !important;
        line-height: 34px !important;
        font-size: 13px !important;
        color: white !important;
        font-weight: bold !important;
        box-sizing: border-box !important;
    }

    .blue-switch-inner:before {
        content: attr(data-yes) !important;
        text-transform: capitalize !important;
        padding-left: 10px !important;
        background-color: #03a9f4 !important;
        color: #fff !important;
    }

    .blue-switch-inner:focus {
        background-color: #0098dc !important;
    }

.blue-switch-disabled {
    background-color: #ccc !important;
    cursor: not-allowed !important;
}

    .blue-switch-disabled:before {
        background-color: #ccc !important;
        cursor: not-allowed !important;
    }

.blue-switch-inner:after {
    content: attr(data-no) !important;
    text-transform: capitalize !important;
    padding-right: 10px !important;
    background-color: #ccc !important;
    color: #fff !important;
    text-align: right !important;
}

.blue-switch-switch {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    margin: 5px !important;
    background: #fff !important;
    position: absolute !important;
    top: -3px !important;
    bottom: 0 !important;
    right: 38px !important;
    border: 0 solid #ccc !important;
    border-radius: 20px !important;
    transition: all 0.3s ease-in 0s !important;
}

.blue-switch-checkbox:checked + .blue-switch-label .blue-switch-inner {
    margin-left: 0 !important;
}

.blue-switch-checkbox:checked + .blue-switch-label .blue-switch-switch {
    right: -3px !important;
}

.blue-switch.small-switch {
    /*width: 40px;
   */
    width: 60px !important;
}

    .blue-switch.small-switch .blue-switch-inner {
        /*content: "";
   */
    }

        .blue-switch.small-switch .blue-switch-inner:after, .blue-switch.small-switch .blue-switch-inner:before {
            height: 20px !important;
            line-height: 20px !important;
        }

    .blue-switch.small-switch .blue-switch-switch {
        width: 16px !important;
        /*right: 20px;
   */
        margin: 2px !important;
    }

.blue-switch.medium-switch {
    /*width: 40px;
   */
    width: 80px !important;
    height: 30px !important;
}

    .blue-switch.medium-switch .blue-switch-inner {
        /*content: "";
   */
    }

        .blue-switch.medium-switch .blue-switch-inner:after, .blue-switch.medium-switch .blue-switch-inner:before {
            height: 28px !important;
            line-height: 28px !important;
        }

    .blue-switch.medium-switch .blue-switch-switch {
        width: 24px !important;
        height: 24px !important;
        right: 49px !important;
        margin: 5px !important;
    }

.blue-switch.large-switch {
    /*width: 40px;
   */
    /* width: 90px; */
    width: 94px !important;
    height: 30px !important;
}

    .blue-switch.large-switch .blue-switch-inner {
        /*content: "";
   */
    }

        .blue-switch.large-switch .blue-switch-inner:after, .blue-switch.large-switch .blue-switch-inner:before {
            height: 28px !important;
            line-height: 28px !important;
        }

    .blue-switch.large-switch .blue-switch-switch {
        width: 24px !important;
        height: 24px !important;
        /* right: 59px; */
        right: 62px !important;
        margin: 5px !important;
    }

.blue-switch.extra-large-switch {
    /*width: 40px;
   */
    width: 130px !important;
    height: 30px !important;
}

    .blue-switch.extra-large-switch .blue-switch-inner {
        /*content: "";
   */
    }

        .blue-switch.extra-large-switch .blue-switch-inner:after, .blue-switch.extra-large-switch .blue-switch-inner:before {
            height: 28px !important;
            line-height: 28px !important;
        }

    .blue-switch.extra-large-switch .blue-switch-switch {
        width: 24px !important;
        height: 24px !important;
        right: 98px !important;
        margin: 5px !important;
    }

@media screen and (max-width: 991px) {
    .blue-switch {
        transform: scale(0.9) !important;
    }
}

@media screen and (max-width: 767px) {
    .blue-switch {
        transform: scale(0.825) !important;
    }
}

@media screen and (max-width: 575px) {
    .blue-switch {
        transform: scale(0.75) !important;
    }
}

.tbmap img {    
    width: 22px;
    padding-top: 3px;
}

#mapping_tbMapOptions a {
    height: 34px;
    width: 34px;
    cursor: pointer;
}

.toolbarReportButton {
    padding: 6px;
    text-decoration: none;
    margin-right: 6px;
    padding-right: 10px;
}

.toolbarReportButton span {
    padding-right: 5px;
    padding-left: 0px;
    text-align: left;
    margin-top: -2px;
}

.divTotalDropDownList {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #9F9F9F;
}

.dropDownListItemHeaderTemplate {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.labelInfoDark {
    color: #666666;
}

.selectedRowWhite {
    color: #FFF !important;
}

.tdSchedulerEventStyle {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 10px;
    padding: 0px 0px 4px 0px;
}

.k-scheduler-table td, .k-scheduler-table th {
    padding: 0;
}

.spanClipDates {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #1a73e8;
}

.spanClipTime {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #49A049;
}

.k-event {
    /*height: auto !important;
    padding: 3px 0px 3px 0px;*/
}

.toolbarButton:hover {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%) !important;
    background-color: #F2F2F2 !important;
}

.LabelMediaShareTitle {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #49A049;
    font-weight: bold;
    font-style: italic;
}

.noteTooltipClass {
    text-align: left;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 11px;
    padding: 5px 5px
}

.LabelImportGeofencesInfo {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #49A049;
    font-style: italic;
}

.cal-labelStatus {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.cal-labelService {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    color: white;
    font-size: 10px;
}

.BatteryBubbleTempStyle {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 3px 8px 0 1px;
}

.BatteryBubbleVoltStyle {
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 3px 10px 0 1px;
}

.icon-button {
    border: none !important;
    justify-content: center !important;
    background: none !important;
    background-color: #E9E9E9 !important;
    padding: 7px 7px 4px 7px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    margin-left: 0px !important;
    margin-right: 3px !important;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif !important;
    letter-spacing: .25px !important;
    /*height: 18px !important;*/
}

.icon-button:hover {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    background-color: #F2F2F2;
    border-radius: 4px;
    cursor: pointer;
    color: #1a73e8;
}

.icon-button span:hover {
    color: #1a73e8;
}

.icon-button-yellow {
    border: none;
    justify-content: center;
    background: none;
    background-color: #FFD100;
    padding: 7px 7px 4px 7px;
    border-radius: 4px;
    font-size: 16px !important;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    height: 18px;
}

    .icon-button-yellow:hover {
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        background-color: #FFDC37;
        border-radius: 4px;
        cursor: pointer;
    }

.icon-button-red {
    border: none;
    justify-content: center;
    background: none;
    background-color: #E53935;
    padding: 5px 7px 6px 7px;
    border-radius: 4px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
    height: 17px;
    color: #FFF;
}

    .icon-button-red:hover {
        box-shadow: 0 1px 2px 0 rgb(229 57 53 / 45%), 0 1px 3px 1px rgb(229 57 53 / 30%);
        background-color: #E6423E;
        border-radius: 4px;
        cursor: pointer;
    }

.icon-button-green {
    border: none;
    justify-content: center;
    background: none;
    background-color: #49A049;
    padding: 5px 7px 6px 7px;
    border-radius: 4px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: 'Google Sans', Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: .25px;
    font-size: 12px;
    height: 17px;
    color: #FFF;
}

    .icon-button-green:hover {
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        background-color: #58B458;
        border-radius: 4px;
        cursor: pointer;
    }