@font-face {font-family: Roboto-Black;src: url(/Resources/fonts/Roboto-Black.woff);}
@font-face {font-family: Roboto-BlackItalic;src: url(/Resources/fonts/Roboto-BlackItalic.woff);}
@font-face {font-family: Roboto-Bold;src: url(/Resources/fonts/Roboto-Bold.woff);}
@font-face {font-family: Roboto-BoldItalic;src: url(/Resources/fonts/Roboto-BoldItalic.woff);}
@font-face {font-family: Roboto-Italic;src: url(/Resources/fonts/Roboto-Italic.woff);}
@font-face {font-family: Roboto-Light;src: url(/Resources/fonts/Roboto-Light.woff);}
@font-face {font-family: Roboto-LightItalic;src: url(/Resources/fonts/Roboto-LightItalic.woff);}
@font-face {font-family: Roboto-Medium;src: url(/Resources/fonts/Roboto-Medium.woff);}
@font-face {font-family: Roboto-MediumItalic;src: url(/Resources/fonts/Roboto-MediumItalic.woff);}
@font-face {font-family: Roboto-Regular;src: url(/Resources/fonts/Roboto-Regular.woff);}
@font-face {font-family: Roboto-Thin;src: url(/Resources/fonts/Roboto-Thin.woff);}
@font-face {font-family: Roboto-ThinItalic;src: url(/Resources/fonts/Roboto-ThinItalic.woff);}


body {margin:0px 0px 0px 0px;font-family: roboto-regular !important;font-size:12px !important;color:#333333;text-align:center;border-top:solid 5px #0070B1;min-width:215px;}
.gm-style {font-family:inherit !important;font-size:inherit !important;} .gm-style-iw {font-family:inherit !important;font-size:inherit !important;}
h1 {border:none;color:#0070B1;text-align:left;font-weight:bold;font-size:16px;} h2 {/*background-color:#00A651;*/border-bottom:solid 3px #0070B1;color:#0070B1;font-size:15px;} h3 {width:100%;text-align:center;font-size:14px;}  h4 {width:100%;text-align:center;font-size:13px;}
#pro {position:absolute;bottom:0px;right:0px;background-color:white;padding:inherit;display:none;}
.nospace {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} .nomargin {margin:0px 0px 0px 0px;} .nopad {padding:0px 0px 0px 0px;}
.w50P {width:50%;} .w50p {width:50px;}
.c999 {color:#999;}
.main {text-align:left;border:solid 0px #fff;padding-top:0px;margin-top:0;}
.main a {
    cursor: pointer;
    display: inline;
}
.main header {position:absolute;top:0px;float:left;width:100%;vertical-align:top;display:block;background-color:#0070B1;color:#f2f2f2;height:35px;}
.main header .toplbtns {float:left;margin-left:25px;}
.main header .toplbtns .menu{display:none;}
.main header .toplbtns .logo{float:left;display:inline;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;font-weight:300;line-height:35px;}
.main header .toplbtns .logo a{color:#fff !important;}
.main header .toprbtns{margin-right:25px;margin-top:0px;padding-bottom:5px;height:25px;background-color:#0070B1;width:450px;}

.main header .toprbtns .menu {
    float: left;
    margin-right: 25px;
    margin-top: 5px;
    z-index: 1 !important;
}
body.map .main header .toprbtns{margin-top: 0px;}
.main header .toprbtns .menu a{display:inline;color:#f2f2f2;margin-left:20px;margin-right:10px;/*width:200px;*/}
.main header .toprbtns #dLoginYes{} .main header .toprbtns #dLoginNo {} .main header .toprbtns #dLoginNo a {margin-right:10px;} .toprbtns #dLoginNo a:last-child {margin-right:0px;}
.main header .toprbtns #dLoginYes #imgUser {position:relative;top:0;right:0px;}
.main header h1 {display:inline;margin:0px 0px 0px 100px;padding:0px 0px 0px 0px;}
.main header #dUser{margin-right:30px;margin-top:7px;}
.main header .upic{margin-left:0px;background:url(/Resources/IMG/__default_user.png) center top no-repeat;background-color:#ffffff;background-size:38px;}
.main .inner {float:left;width:100%;text-align:left;padding:10px 25px 10px 25px;margin:0px 0px 0px 0px;min-height:400px;height:auto;}
.main .content {float:left;width:100%;text-align:center;padding:0px 0px 0px 0px;margin:10px 0px 10px 0px;border-top:solid 2px #DEDEDE;border-bottom:solid 2px #DEDEDE;min-height:400px;height:auto;}
.main .content .rightpanel{float:right;display:inline;padding:15px 15px 15px 15px;margin:0px 0px 0px 0px;border-right:solid 0px #DEDEDE;min-height:400px;height:inherit;width:75%;text-align:left;}
/*.main .content div{padding:5px 5px 5px 5px;margin:5px 0px 5px 0px;}*/
.main footer {
    float: left;
    width: 100%;
    color: #0070B1;
    text-align: center;
    vertical-align: top;
    display: block !important;
    height: 10vh;
    position: fixed;
    bottom: 0;
    z-index: 99;
}
.main footer .brand {font-weight:bold;} .main footer a{margin-left:10px;margin-right:10px;} .main footer a:first-child{margin-left:0px;} .main footer a:last-child{margin-right:0px;}
.downloads {position:absolute;bottom:5px;left:45%;}
.toleft {float:left;display:inline;} .toright {float:right;display:inline;} .tovtop{ /*padding on parent fixes this*/ } .tovcenter{ position:relative;top:50%;transform:translateY(-50%); } .tovbottom{ position:relative;top:100%;transform:translateY(-100%); }
.button {color:#f2f2f2;background-color:#0070B1;border:solid 2px #8295bc;font-size:11px;font-weight:bold;line-height:25px;cursor:pointer;padding:3px 5px 3px 5px;}
.menuItem {float:inherit;width:90%;text-align:center;background-color:#fff;border:solid 2px #0070B1;-webkit-border-radius:5px 5px;-moz-border-radius: 5px 5px 5px 5px;border-radius:5px 5px;font-size:16px;font-weight:bold;cursor:pointer;padding:2px 5px 2px 5px;margin:5px 0px 5px 0px;}
.menuItem a {color:#000000;text-decoration:none;}
.menuItem a:hover {color:#000000;text-decoration:underline;font-size:17px;}
.new {
    position: absolute;
    top: -5px;
    padding: 0px 3px 0px 3px;
    font-weight: bold;
    background-color: rgba(255, 0, 0, 0.39);
    cursor: pointer;
    z-index: 15;
    left: 21px;
    font-size: 11px;
}
.label {position:absolute;top:2px;text-align:center;font-size:12px;padding:2px 3px;line-height:.9;} .label_success {background-color:#00a65a !important;} .label_error {background-color:red !important;}
.sr{text-align:left;margin:7px 0px 7px 0px;}
/*h1 {color:#666666; font-size:18px; font-weight:bold; line-height:35px;text-align:center;}
h2 {color:#000000; background-color:#CDCDCD; font-size:14px; font-weight:bold; line-height:25px; text-align:left; border-bottom:outset 1px #333333; padding-left:10px; margin: 5px 0px 5px 0px;}
h3 {color:#000000; font-size:13px; font-weight:bold; line-height:25px; text-align:left; border-bottom:outset 1px #333333; padding-left:10px; margin: 5px 0px 5px 0px;}
h4 {color:#000000; font-size:12px; font-weight:bold; line-height:25px; text-align:left; border-bottom:outset 1px #333333; padding-left:10px; margin: 5px 0px 5px 0px;}
h5 {color:#000000; font-size:11px; font-weight:bold; line-height:25px; text-align:left; border-bottom:outset 1px #333333; padding-left:10px; margin: 5px 0px 5px 0px;}
h6 {color:#000000; font-size:11px; font-weight:bold; font-style:italic; line-height:25px; text-align:left; border-bottom:outset 1px #333333; padding-left:10px; margin: 5px 0px 5px 0px;}*/
.collapible {color:#000000; background-color:#CDCDCD; font-size:14px; font-weight:bold; line-height:25px; text-align:left; border-bottom:outset 1px #333333; padding-left:10px; margin: 5px 0px 5px 0px;cursor:pointer;width:100%;}
.confidential {color:#000000; background-color:Red; font-size:15px; font-weight:bold; line-height:30px; text-align:center;}
.tblMain {width:100%; font-family:Verdana; font-size:11px; font-weight:normal; line-height:20px; text-align:left; margin:0px 0px 15px 0px;}
.tblInner {width:100%; font-family:Verdana; font-size:11px; font-weight:normal; line-height:20px; text-align:left; margin:0px 0px 0px 0px;}
.tblInner td{text-align:left; vertical-align:middle;}
.tdText {font-weight:bold;padding-left:10px;}
.tdControl {margin-left: 0px;}
.tdLabel {color:#898989; font-weight:bold;}
.tdSeparator {line-height:5px;}
.toplnk{position:absolute;top:5px;width:100%;z-index:1001;}
.topllnk{position:absolute;top:5px;left:5px;cursor:pointer;z-index:1001;}
.toprlnk {
    position: absolute;
    top: 0px;
    right: -1px;
    cursor: pointer;
    z-index: 1001;
    width: 25px;
    font-size: 20px;
    background: #4285F4;
    color: #fff !important;
}
.tblData {width:100%; font-family:Verdana; font-size:11px; font-weight:normal; line-height:20px; text-align:left; margin:15px 0px 0px 0px; border:solid 1px #EFEFEF; }
.tblData th{background-color:#EFEFEF; font-weight:bold; border-bottom:solid 1px #EFEFEF; text-align:center;}
.tblData .alt td{background-color:#E3EEFB; font-weight:normal; border-bottom:solid 1px #EFEFEF; text-align:center;}
.tblData td{font-weight:normal; border-bottom:solid 1px #EFEFEF; text-align:center;}

.error {color:Red; font-size:11px; font-weight:bold; line-height:21px;} .errorC {border:solid 2px Red !important;}
.sucessful {color:green; font-size:11px; font-weight:bold; line-height:21px;} .sucessfulC {border:solid 2px green !important;}
/*.button {color:#000000;	background-color:#F2F2F2; font-family:Verdana; font-size:11px; font-weight:bold; line-height:21px;}*/
/*.control {width:100px; border:solid 1px #CDCDCD; line-height:18px; padding:2px 2px 2px 2px;}*/
.tbl {width:100%;text-align:left;vertical-align:top;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.tbl .tr {width:100%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.tbl .tr .tdlbl {width:150px;margin-right:10px;border:solid 1px red;}
.tbl .tr .tdCn {width:350px;padding-left:10px;border:solid 1px red;}
.tbl .tr .tdCn .control {width:250px;}
.dControl {width:100%;height:30px;text-align:left;vertical-align:top;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.dControl input{border:solid 1px #EFEFEF;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.dControl img{float:right;width:20px;height:20px;border:solid 1px #EFEFEF;padding:0px 0px 0px 0px;margin:4px 0px 0px 0px;}
.control {width:80%;height:20px;line-height:20px;border:solid 1px #EFEFEF;padding:2px 5px 2px 5px;color:#333333;margin:0px 0px 0px 0px;}
.lbl {width:80%;height:20px;line-height:20px;border:solid 1px #EFEFEF;padding:2px 5px 2px 5px;color:#333333;margin:0px 0px 0px 0px;}
.watermark {width:75%;font-style:italic; color:#BDBDBD;padding:2px 2px 2px 2px;}
.watermark_search {width:120px; font-size:10px; font-style:italic; color:#ABABAB;}
.selectionMini {float:left; width:140px; line-height:25px;}
.selection {float:left; width:300px; line-height:25px;}
.link {font-weight:bold; text-decoration:underline; cursor:pointer;} .link-lg {font-weight:bold; text-decoration:underline; cursor:pointer; font-size:15px;}  .link-sm {font-weight:bold; text-decoration:underline; cursor:pointer; font-size:10px;}
.linkdelete {font-family:Arial, Trebuchet MS, Calibri; font-size: 12px; font-weight:bold; font-style:italic; text-decoration:underline; }
.radio {border:solid 1px #cdcdcd; padding:5px 30px 2px 10px; margin-right:25px; line-height:25px;}
.low {background-color:#92D050; border:solid 1px #cdcdcd; padding:5px 30px 2px 10px; margin-right:25px; line-height:25px;}
.mod {background-color:#FFFF00; border:solid 1px #cdcdcd; padding:5px 30px 2px 10px; margin-right:25px; line-height:25px;}
.high {background-color:#FF0000; border:solid 1px #cdcdcd; padding:5px 30px 2px 10px; line-height:25px;}
.errormsg{position:absolute;top:0px;left:45%;background-color: #a9665e !important;color:#fff !important;padding:5px 15px 5px 15px;z-index:10010;} .errormsg{position:fixed;}
.success{position:absolute;top:0px;left:45%;background-color:#5bb55b !important;color:#fff  !important;padding:5px 15px 5px 15px;z-index:10010;} .success{position:fixed;}
.info{position:absolute;top:0px;left:45%;background-color:#d9edf7 !important;color:#5C5C5C !important;padding:5px 15px 5px 15px;z-index:10010;} .info{position:fixed;}
.screenblock{position:absolute;top:0px;left:0px;background-color:rgba(0, 0, 0, 0.5);color:#CDCDCD;width:100%;height:100%;z-index:10;} .screenblock{position:fixed;}
.screenblock .cross{display: none;font-weight:bold;font-size:15px;text-decoration:underline;cursor:pointer;color:#5C5C5C;background-color:#fff;padding:5px;margin-right:10px;margin-top:10px;}
.alignCenter {text-align:center;} .alignLeft {text-align:left;} .alignRight {text-align:right;}
.bold {font-weight:bold;}
.notbold {font-weight:normal;}
.italic {font-style:italic;}
.required {color:Red; font-weight:bold;}
.dim {
    color: #c7c7c7;
    font-size: 12px;
}.hide{display:none !important;} .show {display:block !important;} .visible {display:block !important;} .show-inline {display:inline !important;} .inline {display:inline !important;}
.hidden-lg {display:none !important;} .show-lg {display:block !important;} .visible-lg {display:block !important;} .show-inline-lg {display:inline !important;}
.mycomments {font-size:10px; font-style:italic;}
.disclaimerLabel {font-size:11px;font-weight:bold;padding-right:10px;}
.disclaimer {font-size:11px;font-weight:bold;color:Red;}
.infowin{/*width:250px;*/height:auto;overflow-y:auto;background-color:#ffffff;background-image:none;color:#999;}
.infowin ul{list-style-type:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;background-color:#ffffff;/*width:90%;*/}
.infowin ul li{display:block;line-height: 18px;padding: 0 !important;}
.infowin ul .cover img{width:100%;height:120px;}
.infowin ul .mar{width:45px;height:45px;} .infowin ul li .n{color: #6b6767;font-size:12px;font-weight:bold;line-height:20px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;} .infowin ul .alt{font-weight:bold;} .infowin ul .msg{font-style:italic;} .infowin ul .sp{font-size:10px;} .infowin ul .desc{}
.infowin ul .extra{padding:0px 0px 0px 0px;} .infowin ul .st{padding:0px 0px 0px 0px;color: #6b6767;} .infowin ul .int{padding:0px 0px 0px 0px;} .infowin ul .t{}
.topright_panel{margin-top: 0 !important;position:absolute;right:0;top:70px;width:450px;background-color:white;padding:10px 15px 10px 15px;margin:0px 0px 0px 0px;text-align:left;z-index:1;border:solid 2px #0070B1;
                background-color: white !important;
                border: 2px solid #0070b1 !important;
}
#dMenu {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;display:none;}
#dUserInfo:after,#dUserInfo::after {position:absolute;top:-10px;right:47px;content:'';width:0;height:0;border-bottom: solid 10px #f2f2f2;border-right: solid 10px transparent;border-left: solid 10px transparent;}
#dUserInfo .button{display:block;width:130px;text-align:center;background-color:white;color:#0070B1;border:solid 2px #f2f2f2;text-decoration:none;}
#dUserInfo .button {
    display: block;
    width: auto;
    text-align: center;
    background-color: white;
    color: #0070B1;
    border: solid 2px #f2f2f2;
    text-decoration: none;
    float: left !important;
    clear: both;
    margin: 8px auto !important;
}
#dUserInfo .button {
    float: none !important;
    max-width: 120px;
    margin-top: 10px !important;
}
#dLogin{}
#dRegister{padding:20px 15px 20px 15px;}
#dFPwd1{}
#dFPwd2{}
#mapholder{height:100%;width:100%;}
#dtab{position:absolute;left:0px;top:0px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;text-align:left;min-height:400px;height:100%;z-index:1;border:solid 0px red;}
#dtab #dLeftBtns {float:left;border:solid 0px green;margin:36px 0px 0px 0px;}
#dtab #dLeftBtns ul{list-style-type:none;padding-left:0px;margin-top:0px;border:solid 0px green;background-color:#ffffff;}/*FF524F,B01018,e53f2a*/
/*#dtab #dLeftBtns ul li:first-child{border:none;background-color:#ffffff;border-bottom:solid 3px #0070B1;font-weight:bold;width:50px;white-space:normal;}
#dtab #dLeftBtns ul li:first-child a{border:none;font-size:14px;padding:5px 5px 5px 5px;display:block;}*/
#dtab #dLeftBtns ul li a{border:none;background-color:#ffffff;color:#0070B1;font-size:12px;font-weight:bold;width:45px;text-decoration: none !important;}
#dtab #dLeftBtns ul li a img{border:solid 3px #0070B1;padding:15px 5px 15px 5px;width:50px;}
#dtab #dLeftPanel {position:absolute;left:50px;margin-top:36px;border:solid 3px #0070B1;/*border-top:solid 4px #A2A2A2;*/background-color:#ffffff;min-width:264px;width:auto !important;min-height:400px;height:90%;overflow-y:auto}
#dtab #dTrack{position:relative;margin-top:15px;padding:0px 0px 0px 0px;text-align:center;width:100%;background-color:#ffffff;overflow-y:auto;border:solid 0px red;}
#dtab #dTrack .dControl {width:96%;height:30px;border:solid 1px #EFEFEF;text-align:left;vertical-align:top;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#dtab #dTrack .dControl input{width:85%;border:none;padding:3px 3px 3px 3px;margin:0px 0px 0px 0px;}
#dtab #dTrack #dSR {position:relative;}
#dtab #dTrack #dSSR {position:relative;}
#dtab #dTrack #tblTrackee {margin-top:15px;}
#dNotificationBar{position:absolute;margin-top: 0;top:70px;right:0;padding:0px 0px 15px 0px;text-align:center;width:350px;min-height:300px;height:75%;background-color:#ffffff;overflow-y:auto;border:solid 0px red;}
#dNotificationBar header{position:relative;float:left;top:0px;margin-top:15px;font-size:32px;line-height:40px;text-align:center;/*font-weight:bold;border-bottom:solid 6px #3d3992;background-color:#413ab6;*/color:#0070B1;background-color:#ffffff;width:100%;}
#dNotificationBar #dMsgs {
    position: relative;
    float: left;
    padding: 10px 10px 0px 10px;
    font-size: 14px;
    text-align: left;
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 0px red;
    color: #999;
    display: block;
    width: 100%;
    margin-top: 15px;
}
#dNotificationBar #dMsgs ul {list-style-type: none;padding-left:10px;}
#dNotificationBar #dMsgs ul .msg{border-bottom:solid 1px #ededed;padding-bottom:10px;} #dNotificationBar #dMsgs ul .msg:first-child{margin-top:10px;} #dNotificationBar #dMsgs ul .msg:last-child{border-bottom:none;}
.msg{float:left;margin-top:10px;margin-bottom:10px;width:100%;}
.msg .txt{margin:20px 0px 0px 0px;text-align:left;} .msg .txt p{margin:0px 0px 0px 0px;text-align:left;}
.msg .img{margin-right: 10px;width:45px;}
.msg .n{float:right;font-weight:bold;font-size:12px;margin:0px;padding:0px;/*width:200px;*/text-align:right;}
.msg .t{float:left;margin:0px;color:#DEDEDE;font-size:12px;}
#dNotificationBar #dMsgs footer{position:absolute;bottom:0px;background-color:#EFEFEF;font-size:11px;font-weight:bold;text-align:center;font-style:italic;z-index:11;}
#dtab #dPOI ul{list-style-type:none;padding-left:0px;border:solid 0px green;}
#dtab #dPOI ul li{display:inline;}
#dtab #dPOI ul li a{border:none;background-color:#403ab6;color:#ffffff;font-size:18px;font-weight:bold;padding:5px 20px 5px 20px;text-decoration:none;}
#dtab #dPOI ul li a img{border:none;}
.search_preview {position:absolute;width:400px;height:100vh;overflow-y:auto;overflow-x:hidden;font-size:12px;color:#999;background-image:none;padding:10px 0px 10px 0px;margin:0px 0px 0px 0px;z-index:20;}
.search_preview .n{font-weight:bold;}
.search_preview .desc{}
.search_preview .pic {position:relative;margin: -10px -10px 0px -10px;text-align: center;}
.search_preview .cover {
    max-height: 140px;
    background-image: none;
    border: solid 2px #ffffff;
    padding: 0px 0px 0px 0px;
    margin: 43px 0px 0px 0px;
    width: 100%;
}
.search_preview .marker{position:absolute;right:30px;bottom: -20px;width:auto;height:60px;border:solid 2px #E3EEFB;background-image:none;background-color:#fff;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;z-index:21;}
.search_preview .status {
    text-align: left;
    color: #DEDEDE;
    padding: 0;
}
.sr .preview{padding:0px 0px 0px 10px;}
.talkbubble {width:120px;height:80px;background:red;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.talkbubble:before {content:"";position:absolute;right:100%;top:26px;width:0;height:0;border-top:13px solid transparent;border-right:26px solid red;border-bottom:13px solid transparent;}
.circle35{-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;border:3px solid #0070B1;width:35px;height:35px;}
.circle50{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border:3px solid #0070B1;width:50px;height:50px;}
/* do not group these rules */
#txtTrackerId::-webkit-input-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:14px;}
#txtTrackerId:-moz-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:14px;} /* FF 4-18 */
#txtTrackerId::-moz-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:14px;} /* FF 19+ */
#txtTrackerId:-ms-input-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:14px;} /* IE 10+ */
*::-webkit-input-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:13px;}
*:-moz-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:13px;} /* FF 4-18 */
*::-moz-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:13px;} /* FF 19+ */
*:-ms-input-placeholder {font-style:italic;color:#BDBDBD;padding:2px 2px 2px 2px;font-size:13px;} /* IE 10+ */
.contextmenu{
    visibility:hidden;
    background:#ffffff;
    border:1px solid #8888FF;
    z-index: 10;
    position: relative;
    width: 140px;
}
.contextmenu div{
    padding-left: 5px
}

.context_menu{
    background-color:white;
    border:1px solid gray;
}
.context_menu_item{
    padding:3px 6px;
}
.context_menu_item:hover{
    background-color:#CCCCCC;
}
.context_menu_separator{
    background-color:gray;
    height:1px;
    margin:0;
    padding:0;
}
input#chkLS {
    margin-right: 5px;
}
i.fa.fa-mobile {
    font-size: 20px;
}
div#menu-sm {
    background: #fff;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    min-width: 200px;
    overflow: auto;
}
.panel ul li {
    padding: 8px 15px;
}
.panel-body {
    padding: 10px 0 !important;
}
.menu_bar{
    z-index: -1;
    opacity: 0;
    left: -500px !important;
    transition: all .5s ease-in-out;
}
.menu_bar.active_menu{
      z-index: 999;
      opacity: 1;
      left: 0 !important;
      box-shadow: 0 -1px 24px rgba(0,0,0,0.4);
}
li.logo a.hidden-lg {
    font-size: 15px;
    display: block;
    text-align: center;
}
#menu-sm li > a i.fa {
    margin-right: 25px;
    font-size: 20px;
}
body.map .toright.toprbtns {
    float: left;
    width: 100% !important;
    padding: 0 0;
}
.toright.toprbtns {
    padding: 0;
}
.main header .toprbtns {
    margin-right: 0;
    margin-top: 0px;
    padding-bottom: 5px;
    height: 25px;
    background-color: #0070B1;
    width: 100%;
}
body.map .main header .toprbtns {
    margin-right: 25px;
}
.menu {
    margin-left: 55px;
}
.alignLeft input[type=checkbox], .alignLeft input[type=radio] {
    vertical-align: text-bottom;
    margin-right: 5px;
}
/*#fSearch > div {
    padding: 10px 7px !important;
}*/
.button {
    color: #fff;
    background-color: transparent;
    border: solid 1px #fff;
    font-weight: lighter;
    line-height: 25px;
    cursor: pointer !important;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
}
.button:hover {
    background: #fff;
    text-decoration: none !important;
}
.menu {
    margin: 0 !important;
    padding: 0 !important;
    position: fixed;
    right: 12px;
    top: 85px;
}
.menu .message_button{
    display: none !important;
}
.main header .toprbtns .menu a {
    display: block;
    height: 40px;
    width: 40px;
    right: 9px;
    bottom: 130px;
    background-position: center;
    background-size: 14px;
    border: none;
    box-shadow: -1px 1px 5px -1px grey;
    background-color: #fff;
    background-repeat: no-repeat;
    margin: 0 !important;
    background-size: 19px;
    border-radius: 100px !important;
}
.main header .toprbtns .menu a.zoommap {
    background-image: url(/Resources/IMG/eye_dis.png);
    background-size: 24px;
    margin-bottom: 13px !important;
}
.main header .toprbtns .menu a.refreshmap {
    background-image: url(/Resources/IMG/Refresh-Icon-Orange.png);
    background-size: 20px;
    margin-bottom: 13px !important;
}
.main header .toprbtns .menu a.stopmap {
    background-image: url(/Resources/IMG/stop_tracking.png);
    background-size: 15px;
    margin-bottom: 13px !important;
}
.main header .toprbtns .menu .glyphicon{
    color: rgba(20,110,167,1);
    font-size: 13px;
}
/*#dtab{
    right: auto;
    left:0;
}*/
span.close_button {
    position: absolute;
    right: 3px;
    top: -3px;
    font-size: 15px;
}

.sr a {
    margin-right: 3px;
    font-size: 13px;
    font-family: roboto-regular;
}
a#menu_but {
    width: 28px;
}
a#menu_but {
    display: inline-block;
    float: left;
    margin-top: 5px;
    text-align: left !important;
}
.input-group .form-control {
    float: right;
    width: 78% !important;
}
.main header .toprbtns, .main header{
    background: transparent;
}
body {
    border: none;
}
form#fSearch .btn {
    background: transparent;
    padding: 0 !important;
    margin-right: 8px;
    margin-top: 15px;
}
body.map form#fSearch .btn {
    background: transparent;
    padding: 0 !important;
    margin-right: 0 !important;
    right: 10px;
    margin-top: 8px;
}
form#fSearch .btn .glyphicon-search{
    color: #9E9E9E;
    font-size: 17px;
}
body.map form#fSearch .btn .glyphicon-search{
    color: #fff;
}
input#txtTrackerId {
    height: 45px;
    padding: 0 10px;
    margin-top: -3px;
    border: none;
    box-shadow: none;
    background: #fff;
    border-radius: 5px;
    color:#5C5C5C;
    font-family: Roboto-Regular;
    letter-spacing: 1px;
    font-size: 18px;
    padding-left: 60px !important;
}
body.map input#txtTrackerId {
    background: #4285F4;
    color: #fff;
    font-family: roboto-light;
}
.zoomBtnOut,.zoomBtnIn {
    display: none !important;
}
input#txtTrackerId::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#9E9E9E;
    font-style: normal;
}
input#txtTrackerId::-moz-placeholder { /* Firefox 19+ */
    color:#9E9E9E;
    font-style: normal;
}
input#txtTrackerId:-ms-input-placeholder { /* IE 10+ */
    color:#9E9E9E;
    font-style: normal;
}
input#txtTrackerId:-moz-placeholder { /* Firefox 18- */
    color:#9E9E9E;
    font-style: normal;
}

body.map input#txtTrackerId::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#fff;
    font-style: normal;
}
body.map input#txtTrackerId::-moz-placeholder { /* Firefox 19+ */
    color:#fff;
    font-style: normal;
}
body.map input#txtTrackerId:-ms-input-placeholder { /* IE 10+ */
    color:#fff;
    font-style: normal;
}
body.map input#txtTrackerId:-moz-placeholder { /* Firefox 18- */
    color:#fff;
    font-style: normal;
}
.main header {
    height: 70px;
    padding: 0;
    position: fixed;
    margin: 0 !important;
    top: 0px;
}
body.map .main header {
    height: 70px;
    padding: 0;
    position: fixed;
}
.search_show {
    background: #fff;
    z-index: 99999;
    padding: 7px 0px 7px 7px;
    margin-top: 7px;
    color: #5C5C5C;
    box-shadow: none;
    min-height: 85vh;
    left: 0;
}
.search_show.col-out.scrollbar {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.search_show{
    display: none;
}
input#txtTrackerId:focus .search_show{
    display: block;
}
a#menu_but i {
    color: #5C5C5C;
    font-size: 30px !important;
    margin-left: 10px;
    margin-top: 3px;
}
body.map a#menu_but i {
    color: #fff;
}
body.a#menu_but i {
    color: #5C5C5C;
    font-size: 30px !important;
    margin-left: 5px;
    margin-top: 3px;
}
body.map a#menu_but {
    position: absolute;
    left: 10px;
    top: 9px;
    z-index: 99999;
}
span.error {
    position: absolute;
    top: 41px;
    right: 11px;
    width: 100%;
    text-align: center;
}
search_show{
    position: relative;
}
span.close_search_button {
    font-size: 12px;
}
span.close_search_button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    background: #f9f9f9;
    color: red;
    padding: 4px 8px 8px 8px;
    height: auto !important;
    line-height: 10px;
}
span.close_button{
    font-size: 15px;
    background: #f9f9f9;
    color: red;
    padding: 4px 8px 8px 8px;
    height: auto !important;
    line-height: 10px;
    top: 2px;
}
#fSearch .toprlnk{
    display: none;
}
.footer_content span {
    display: block;
    color: #fff;
    text-align: center;
    margin: 8px 0;
}
.footer_content {
    bottom: 65px;
    display: block;
    font-size: 9px;
    left: 8%;
    padding: 10px;
    position: static;
    text-align: center !important;
    width: auto;
    margin: 0;
    margin-bottom: 0;
    margin-top: 0px;
}
.main footer{
    display: none;
}
.logo > span {
    display: block;
    margin-top: 10px;
    text-align: center;
}
.logo a i {
    font-size: 30px;
    margin-right: 15px;
}
.logo a:last-child i {
    margin-right: 0;
}
#menu-sm li > hr {
    border-color: #146ea7;
    margin: 15px -15px;

}
.nomargi:focusn{
    display: none;
}
#thin_close_layer {
    background: #5C5C5C none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 999999999 !important;
}
#dNotificationBar .topllnk {
    position: absolute;
    font-size: 14px;
    color: #fff !important;
    padding: 4px 8px 8px 8px;
    height: auto !important;
    line-height: 10px;
    top: 20px;
    background: transparent;
    font-family: roboto-regular;
}
#dNotificationBar .toprlnk:last-child {
    position: absolute;
    font-size: 13px;
    background: #f9f9f9;
    color: red;
    padding: 4px 8px 8px 8px;
    height: auto !important;
    line-height: 10px;
    top: 6px;
}
#dNotificationBar .topllnk > a {
    color: red;
}
#dNotificationBar .toprlnk > a {
    color: red;
}
div#dNotificationBar h2 {
    margin-top: 13px;
}
.gmnoprint:last-child div:first-child {
    background: url(/Resources/IMG/Settings-Screen.png) no-repeat scroll 11px center / 18px auto;
    width: 40px;
    float: right;
    text-indent: -1002px;
    margin-bottom: 0;
    padding: 0px;
    box-shadow: -1px 2px 5px -1px grey !important;
    height: 40px;
    border-radius: 100px !important;
    background-color: #fff !important;
}
.gmnoprint:last-child div img{
    display: none;
}
.gmnoprint:last-child > div:last-child {
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px !important;
}
.gmnoprint:last-child > div:last-child > div:first-child {
    background: url(/Resources/IMG/road-view-Icon.png) no-repeat scroll center center / 41px auto;
    width: 39px;
    float: right;
    display: block;
    clear: both;
    text-indent: -1002px;
    margin-bottom: 10px;
    box-shadow: -1px 2px 5px -1px grey !important;
    border-radius: 2px;
    height: 40px;
    margin-top: 5px;
}
.gmnoprint:last-child div:last-child div:nth-last-child(3)  {
    background: url(/Resources/IMG/Satellite-view-Icon.png) no-repeat scroll center center / 41px auto;
    width: 40px;
    float: right;
    display: block;
    clear: both;
    text-indent: -1002px;
    box-shadow: -1px 2px 5px -1px grey !important;
    border-radius: 100px;
    height: 40px;
    margin-bottom: 10px;
}
.gmnoprint:last-child div:last-child div:nth-last-child(2)  {
    background: url(/Resources/IMG/graymap-view.png) no-repeat scroll center center / 41px auto;
    width: 40px;
    float: right;
    display: block;
    clear: both;
    text-indent: -1002px;
    box-shadow: -1px 2px 5px -1px grey !important;
    border-radius: 100px;
    height: 40px;
    margin-bottom: 10px;
}
.gmnoprint:last-child div:last-child div:last-child {
    background: url(/Resources/IMG/traffic.png) no-repeat scroll center center / 18px auto;
    width: 40px;
    float: right;
    display: block;
    clear: both;
    text-indent: -1002px;
    box-shadow: -1px 2px 5px -1px grey !important;
    border-radius: 100px;
    height: 40px;
}
.main header .toplbtns {
    display: none;
}
.toright.toprbtns {
    display: block;
}
#dLoginNo > div#dTrack {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    float: left;
    margin-right: 0;
    position: relative;
    max-width: 100%;
}
.input-group .form-control {
    float: right;
    width: 100% !important;
}
.login_buttons_desk {
    display: inline-block;
    float: right;
    margin-left: 15px;
    margin-top: 8px;
    vertical-align: top;
    position: relative;
}
.login_buttons_desk > .message_button > a {
    color: #fff;
    font-size: 18px;
}
.login_buttons_desk > .message_button {
    display: inline-block !important;
    margin-top: 5px;
}
.main.nomargin > div {
    margin-top: 0px;
}
.btn.submit_search_btn span {
    font-size: 24px !important;
}
.btn.submit_search_btn span:hover {
    opacity: .8;
}
.login_buttons_desk .button.nomargin {
    display: inline-block;
    line-height: 10px;
    margin-top: 1px;
    padding: 9px 14px;
    vertical-align: top;
}
body.map .login_buttons_desk .button.nomargin {
    display: none;
}
*:focus{
    outline: none !important;
}
#fSearch .input-group-btn {
    font-size: 0;
    position: absolute;
    white-space: nowrap;
    width: 0;
    z-index: 9 !important;
    padding-right: 0;
}
ul.nospace span a{
    color: #5C5C5C;
}
.nospace li > a {
    color: #5C5C5C;
    display: block;
    font-size: 12px;
    padding: 2px 0;

}
.nospace li > a:hover {
    text-decoration: none;
}
.panel ul li:hover{
}
.search_show {
    position: relative;
}
.footer_content > a{
    color:#f1efe9;
}
.footer_content > a:hover{
    color:#f1efe9;
}
.footer_content span a{
    color:#f1efe9;
}
.panel ul li {
    border-left: 5px solid transparent;
}
.panel ul li:hover a {
    color: #0059C1;
}

.colorgraph {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
hr.colorgraph {
    margin-top: 0;
}.menubar i{position:absolute;left:0px;top:0px;line-height:35px; font-size:20px;width:20px;color:#f2f2f2;}
.topright_panel h2 {
    border: medium none !important;
    font-size: 20px !important;
    margin-top: 0 !important;
}
span.close_button:hover, span.close_search_button:hover{
    cursor: pointer;
}
.topright_panel .input-group .form-control {
    width: 100% !important;
}
.form-group {
    margin-bottom: 3px;
}
#fReg .form-group {
    margin-bottom: 4px;
    position: relative;
}
input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 5px 0;
}
.panel ul li.logo {
    text-align: center;
}
.panel {
    margin-bottom: 0 !important;
}
input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 5px 0;
}
img.search_image_tab {
    float: left;
    max-width: 25%;
    width: auto;
    display: inline-block;
    position: relative;
    right: 0;
    height: 37px;
    border-radius: 5px;
    top: 0;
}
.search_text {
    display: inline-block;
    padding: 0px 15px 0px 15px;
}
.search_text p {
    margin-top: 15px;
}
#fSearch .search_screen ul {
    padding: 0 !important;
}
#fSearch li{
    list-style: none !important;
}
#fSearch #search_screen li {
    list-style: none !important;
    background: #fff;
    box-shadow: 0px 2px 6px 0px grey;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 5px;
    margin-left: 6px;
    margin-right: 6px;
}
#fSearch li > a{
/*    padding: 10px;*/
}
#fSearch li:hover {
    background: #fafafa;
}
.search_show ul {
    max-height: 79vh !important;
    overflow-y: auto;
    padding: 0;
}
#tblTrackee tr td {
    background: #fff;
}
div#tblTrackee_wrapper {
    max-height: 120px;
    overflow-y: scroll;
}
#dSR ul li> a {
    display: block;
}
#dSSR ul li> a {
    display: block;
}
.search_text div {
    display: inline-block;
}
input#txtTrackerId {
    border-radius: 0px 3px 3px 0px;
}
.search_text h5 {
    font-weight: bold;
    font-family: Roboto-medium;
    font-size: 16px;
    color: #5C5C5C;
    margin: 5px 0;
    margin-bottom: 0;
}
.search_screen{
    position: relative;
}
div#dSPre .toprlnk {
    display: block;
}
div#dSPre {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color:#fff;
}
.search_second_screen {
    background: #80B4FF;
    margin: 0px;
    padding: 10px 20px;
    color: #fff;
    padding-top: 25px;
}
.search_second_screen div#h1Pre {
    font-size: 14px;
    font-family: Roboto-Regular;
    font-weight: lighter;
}

a#menu_but {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99999;
}
a#menu_but:after {
    content: "";
    width: 1px;
    height: 28px;
    background: #5C5C5C;
    position: absolute;
    top: 5px;
    left: 47px;
}
body.map a#menu_but:after {
    background: #fff;
}
input#txtTrackerId {
    border-radius: 5px;
}
.search_show {
    border-radius: 0 0 3px 3px;
    margin-top: -1px;
}
span.error {
    position: absolute;
    top: 0;
    background: #fff;
}
input:-webkit-autofill {
    background-color: white !important;
}
.search_second_screen_white h4 {
    text-align: left;
    display: block;
    color: rgba(0,0,0,0.54);
    font-size: 16px !important;
    margin-bottom: 3px;

}
.search_second_screen_white #dPreDesc {
    color: #5C5C5C;
    font-family: roboto-regular;
}
.search_second_screen_white {
    padding: 10px 0;
}
div#dLoginYes > div {
    display: inline-block;
    vertical-align: top;
}
#imgUser{
    background-size: 100%;
    background-color: transparent;
    border: none;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
}
div#dLoginYes {
    top: 0;
    margin-top: -6px;
}
.main header #dUser {
    margin-right: 8px;
    margin-top: 21px;
}
.search_show > .alignLeft {
    text-align: center;
}
.search_show > .alignLeft > div {
    margin-right: 15px;
}
#logout_btn,#dashboard_btn{
    display: none;
}
#dUserInfo{padding: 0 !important;position:absolute;right:10px;top:55px;width:auto;background-color:white;margin:0px 0px 0px 0px;text-align:center;z-index:1;border:solid 2px #f2f2f2;}
.login_popup_right {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
div#dUsertw {
    font-size: 14px;
    margin-bottom: 15px;
}
div#imgUsertw {
    display: inline-block;
    margin: 0;
    padding: 9px;
    width: 100px;
    height: 60px;
    border-radius: 5px;
    background-size: 100% 100%;
    overflow: hidden !important;
    margin-right: 25px;
    margin-left: 20px;
    background-size: 100% 50px !important;
    background-repeat: no-repeat;
}
.login_popup_right a.button {
    font-size: 12px;
    font-weight: bold;
    color: #fff !important;
    background: #337ab7 !important;
    padding: 5px 15px!important;
    width: auto !important;
    border-radius: 5px !important;
}
.login_popup_footer {
    margin-top: 20px;
    display: block;
    clear: both;
    background: gray;
    padding: 15px 15px;
}
#dUserInfo .login_popup_footer > a {
    margin: 0;
    padding: 5px 10px;
    min-width: 100px !important;
    float: left;
    background-color: transparent;
    color: #666;
    border: solid 1px #666;
    text-decoration: none;
    font-size: 12px;
    width: auto !important;
    margin-right: 0;
    margin: 0 auto !important;
    float: none;
    width: 110px !important;
}
.login_popup_footer > a:first-child {
    margin-right: 25px !important;
}
.login_popup_footer {
    margin-top: 0px;
    display: block;
    clear: both;
    background: #eee;
    padding: 15px 20px;
}
.login_popup_left {
    padding: 10px 10px 25px 10px;
}
#dTrackee{
    display: none;
}
span.buttons_opt{
    display: block;
}
/*span.buttons_opt a{
    margin: 0;
    padding: 5px 10px;
    min-width: 100px !important;
    float: left;
    background-color: transparent;
    color: #666;
    border: solid 1px #666;
    text-decoration: none;
    font-size: 12px;
    width: auto !important;
    border-radius: 5px;
    text-align: center;

}*/
span.buttons_opt a {
    display: inline-block;
    text-align: center;
    padding: 5px;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
}
span.buttons_opt a i {
    font-size: 20px;
    display: block;
    color: #9E9E9E;
    margin-bottom: 3px;
}
span.buttons_opt a:hover {
    text-decoration: none;
    color: #5C5C5C;
}

span.buttons_opt a:first-child{
    margin-right: 10px !important;

}
span.buttons_opt.clearfix {
    background: #FFF;
    padding: 5px;
}
.has-error { color: #dd4b39 !important; } .has-error .control{ border: solid 1px #dd4b39 !important; box-shadow: none; } .has-error .help-block{ clear:both;float:left;display:block; }
.has-success { color: #00a65a !important; } .has-success .control{ border: solid 1px #00a65a !important; box-shadow: none; }
.input-group .form-control {padding:6px 6px;} .input-group-addon {padding: 6px 6px;}
.ui-dialog {z-index:10001;}
.fg-toolbar {display:none;}
.dataTables_paginate a{padding:10px 10px 10px 10px;}
.color-palette { height: 35px; line-height: 35px; text-align: center; }
.color-palette-set { margin-bottom: 15px; }
.color-palette span { display: none; font-size: 12px; }
.color-palette:hover span { display: block; }
.color-palette-box h4 { position: absolute; top: 100%; left: 25px; margin-top: -40px; color: rgba(255, 255, 255, 0.8); font-size: 12px; display: block; z-index: 7; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgb(114, 168, 218) inset !important;
}
.topright_panel .box-footer {
    margin-top: 10px;
}
/*#fSearch li.selected_tracking.active_tr {
    background: rgba(20,110,167, .2);
}*/
span.buttons_opt.inner_btn.clearfix {
    background: #FFF;
    padding: 5px;
    margin: 0;
    text-align: left;
    border-bottom: 5px solid #EEE;
}
span.buttons_opt.inner_btn a {
    width: 20%;
    margin: 0 !important;
    font-size: 12px;
}
span.buttons_opt.inner_btn p {
    display: inline;
}
span.buttons_opt.clearfix {
    text-align: left;
}
.buttons_opt i {
    margin-bottom: 8px;
}
/*-----------------Model------------------*/
#share_modal .modal-content, #share_modal .modal-dialog {
    border-radius: 0 !important;
}
#share_modal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-align-last: left;
    font-family: arial;
    font-size: 17px;
    color: #fff;
}
#share_modal .modal-header {
    padding: 10px 20px;
    background: rgb(114, 168, 218);
}
#share_modal .modal-header .close {
    margin-top: -5px;
    font-size: 28px;
    color: #fff;
    z-index: 999;
    opacity: .8;
}
#share_modal .modal-body {
    padding: 20px 20px 0 20px;
    background: #FAFAFA;
}
.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
input#shar_it {
    width: 85%;
    height: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    padding-left: 5px;
    border: 1px solid gray;
}
input#shar_it + button {
    border: 1px solid #000;
    background: #2c87f3;
    color: #fff !important;
}
hr {
    border-top: 1px solid #b8c7ce !important;
}
.view_hash{
    display: block !important;

}
.search_text.hash_text{
    padding: 10px 3px;
}
.hash_li img.search_image_tab {
    padding-top: 13px;
}
.hashrefresh a{
    color:#fff;
}
.more_details span {
    font-size: 14px;
    color: #5C5C5C;
    display: inline-block;
    max-width: 260px;
}
.more_details span:first-child {
    font-size: 20px;
    width: 50px !important;
    display: inline-block;
    color: #4285F4;
    vertical-align: top;
}
.more_details span:first-child i {
    width: 20px;
    text-align: center;
}
.more_details #M_2 span:last-child {
    margin-top: 4px;
}
.more_details #M_3 span:last-child {
    margin-top: 4px;
}
.more_details #M_4 span:last-child {
    margin-top: 4px;
}
.more_details #M_5 span:last-child {
    margin-top: 4px;
}
.click_more div span:first-child {
    font-size: 12px;
    width: 80px !important;
}
.click_more {
    margin-top: 20px;
}
.more_details, .search_second_screen_white {
    padding-left: 20px;
    padding-right: 20px;
}
li.st {
    display: inline-block !important;
    width: auto;
    margin-right: 10px;
}
li.more_details_info {
    display: inline-block !important;
}
a#cross_pointer {
    padding: 0px 5px;
    background: #f9f9f9;
    color: red;
    font-size: 14px;
    display: block;
    position: relative;
    position: absolute;
    right: 0;
    z-index: 9999;
    top: 0;
}
span.input-group-btn {
    position: absolute;
    right: 32px;
    top: 9px;
    z-index: 999999;
}
div#more_details > div {
    margin: 5px 0;
}
.ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in {
    border-radius: 10px;
    padding: 0 !important;
}
.ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
    margin-top: -38px !important;
    border: none !important;
    max-width: 250px;
    width: 250px !important;
    left: 15vw;
}
.msg.c999{
    margin: 0 !important;
}
/*.ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-move .n, .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-move .txt{
    display: block !important;
    text-align: center !important;
    float: right !important;
}
.ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-move .txt{
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #999;
}*/
form#fReg {
    overflow: hidden;
}
#fReg span.error {
    position: absolute;
    top: 0;
    background: transparent;
    left: 13px;
    margin: 0 !important;
}
#fLogin span.error {
    position: absolute;
    top: 56px;
    background: #fff;
    text-align: center;
    left: 0;
}
#fLogin .form-group.has-error {
    position: relative;
}
#fReg .box-body .form-group.has-error:nth-child(4) span.error {
    top: -22px;
    background: #fff;
}
#fPwd1 .form-group {
    position: relative;
}
.search_text p {
    margin-top: 0;
    overflow: hidden;
    display: block;
    float: left;
    font-family: Roboto-Regular;
    color: #5C5C5C;
    font-size: 12px;
    clear: both;
    margin-bottom: 5px;
}
.form-group:nth-last-child(3) span.error {
    font-size: 10px;
    padding-left: 25px;
}
#dFPwd2 span.error {
    position: static !important;
    text-align: center;
    display: block;
}
.styling_pag {
    text-align: left;
}
.styling_pag a {
    padding: 3px 5px;
    display: inline-block;
    margin-left: 7px;
    font-size: 11px;
    color: #fff;
}
.styling_pag a.disabled {
    color: #dbdbdb;
    cursor: not-allowed;
}
.styling_pag a.disabled:hover {
    color: #dbdbdb;
    background: none;
}
.styling_pag a:hover {
    color: #fff;
    text-decoration: none;
    background: #3878c7;
}
.c-paging{
    margin-top: 10px;
    display: none;
}
.search_show .c-paging {
    overflow: hidden !important;
    margin-right: 0 !important;
}

.search_show .c-paging .row {
    background: #72a8da;
    padding: 5px 10px;
    margin-top: 10px;
}
.col-md-6.pull-left.styling_pag {
    color: #fff !important;
}
.col-md-6.pull-right.buttons.styling_pag{
    text-align: right;
}
.col-md-6.pull-left.styling_pag select{
    color: #5C5C5C !important;
}
li.selected_tracking.active_tr a {
    display: block;
}
li.selected_tracking.active_tr .buttons_opt a{
    display: inline-block;
}
.search_show .pinfo {
    color: #11498f;
}
div#dHashTrackeeUsers .toprlnk {
    padding: 3px 10px 6px 10px;
    margin-right: 21px;
    margin-top: -4px;
    background: #f9f9f9;
    line-height: 1;
}
.infowin ul .sp {
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;;
}
li.selected_tracking.active_tr.hash_li .buttons_opt a {
    display: inline-block;
    width: 90px;
}
div#mapholder {
    height: 92vh !important;
    z-index: -1;
    position: absolute !important;
}
a.collapse-sign {
    position: absolute;
    right: -29px;
    background: #fff;
    top: 50px;
    height: 60px;
    padding: 20px 6px;
    font-size: 13px;
    z-index: 999999;
    visibility: visible;
}
a.collapse-sign:hover{
    text-decoration: none;
}
a.collapse-sign  span:first-child{
    display: none;
}
.col-in{
    display: none !important;
}
a.collapse-sign.righttmove {
    left: 0;
    right: auto;
}
a.collapse-sign.righttmove span:nth-child(2){
    display: none;
}
a.collapse-sign.righttmove span:first-child{
    display: block;
}
a.collapse-sign.leftmove {
    right: -29px;
    left: auto;
}

.search_show.col-in {
    transition: .4s ease-in;
}
a.collapse-sign {
    display: none;
}

.sr > .bold {
    display: none;
}
.search_results_opt::-webkit-scrollbar-track,.search_preview::-webkit-scrollbar-track,#menu-sm::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.search_results_opt::-webkit-scrollbar,.search_preview::-webkit-scrollbar,#menu-sm::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.search_results_opt::-webkit-scrollbar-thumb,.search_preview::-webkit-scrollbar-thumb,#menu-sm::-webkit-scrollbar-thumb
{
	background-color: #888;
}
div#dNotificationBar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

div#dNotificationBar::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

div#dNotificationBar::-webkit-scrollbar-thumb
{
	background-color: #888;
}
#menu-sm::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#menu-sm::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#menu-sm::-webkit-scrollbar-thumb
{
	background-color: #888;
}
iframe#drift-widget {
    bottom: 128px !important;
    right: -4px !important;
}
#root .flex-center {
    width: 35px;
    height: 35px;
}
li.selected_tracking.active_tr.hash_li .buttons_opt a {
    display: inline-block;
    width: 95px;
    float: left;
}
.search_bar {
    width: 100%;
}
#txtTrackerId::-ms-clear {
    display: none;
}
.login-page div#dLogin {
    position: relative;
        margin: auto;
        top:30px;
}
.login-box, .register-box {
    margin: 0 auto !important;
}
.login-page div#dFPwd1 {
    position: relative;
    margin: 0 auto;
}
.login-page div#dFPwd3, .login-page div#dFPwd2 {
    position: relative;
    margin: 0 auto;
}
.login-logo {
    margin-top: 40px;
}
.my_account_btn {
    background: rgba(114, 168, 218, 0.28);
}
.my_account_btn a.button {
    background: rgb(87, 149, 187) !important;
    color: #fff !important;
}
div#dPreDesc {
    white-space: pre-wrap;
}
button#trafficToggle {
    position: absolute;
    bottom: 0;
}
/*button#trafficToggle {*/
    /*background-image: url(/Resources/IMG/traffic.png);*/
    /*height: 40px;*/
    /*width: 40px;*/
    /*right: 10px;*/
    /*bottom: auto;*/
    /*background-position: center;*/
    /*background-size: 14px;*/
    /*border: none;*/
    /*box-shadow: -1px 1px 5px -1px grey;*/
    /*background-color: #fff;*/
    /*background-repeat: no-repeat;*/
    /*border-radius: 100px !important;*/
    /*top: 170px;*/
/*}*/
button#stopTrackingToggle {
    position: absolute;
    bottom: 0;
}
button#stopTrackingToggle {
    background-image: url(/Resources/IMG/stop_tracking.png);
    height: 40px;
    width: 40px;
    left: 11px;
    bottom: 100px;
    background-position: center;
    background-size: 14px;
    border: none;
    box-shadow: -1px 1px 5px -1px grey;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 100px !important;
}

.gmnoprint.gm-style-cc+div {
    position: absolute !important;
    bottom: 155px !important;
    top: auto !important;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 6px #5C5C5C;
    margin: 10px 12px !important;
}
a.save_tracking {
    padding: 0 20px !important;
    z-index: 0;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}
a.remove_saved_button {
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* float: none !important; */
    font-size: 16px;
    margin-left: -4px;
}
.col-sm-1.vcenter::before {
    content: "";
    position: absolute;
    right: 0;
    top: -1103px;
    width: 100%;
    height: 2000px;
    background: #fcc1c4;
    z-index: -1 !important;
}
.col-sm-1.vcenter {
    z-index: 10;
}

.remove_save_cont{
    overflow: hidden;
}
a.saved-trackings {
    background: #f1efe9;
    padding: 4px 7px;
    border-radius: 3px;
    text-decoration: none;
}
a.saved-trackings:hover, a.saved-trackings:focus, a.saved-trackings.select {
    text-decoration: none;
    background: #72a8da;
    color:#fff;
}
.saved_trakings_top p {
    font-size: 14px;
    font-weight: 100;
    display: inline-block;
    margin: 0;
    font-family: roboto-medium;
    color: gray;
}
.saved_trakings_top a {
    display: inline-block;
    margin-left: 12px;
}
a.save_return {
    float: right;
    margin-right: 10px !important;
    font-weight: bold;
}
span.search-g-buttons {
    display: block;
    margin-top: 10px;
}
.search-g-buttons .sv-btns {
    color: #757575;
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px !important;
    background: #f2f2f2 !important;
    border-radius: 0;
    border: 0;
    margin: 0 2px;
    text-decoration: none;
    font-weight: bold;
}
.search-g-buttons input.sv-btns {
    margin-top: -3px;
}
div#dSSR {
    left: 0;
    width: 100%;
    padding: 0;
    border: none;
}
div#dCR {
    left: 0;
    width: 100%;
    padding: 0;
    border: none;
    display: block !important;
}
.ui-widget-overlay {
    background: #aaaaaa repeat-x !important;
    opacity: .3;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    background: #4285F4 !important;
    color: #fff;
    font-size: 15px;
    font-weight: lighter;
    border: none !important;
    text-align: left;
}
.ui-dialog button.ui-button:last-child {
    float: none;
    background-color: #f4f4f4;
    color: #444 !important;
    border-color: #ddd;
}
.ui-dialog button.ui-button.ui-dialog-titlebar-close {
    background: #fff !important;
}
.ui-dialog .ui-dialog-buttonpane button {
    padding: 4px 17px !important;
    border-radius: 3px !important;
    margin-left: 1px;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff !important;
    color: #5C5C5C;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    padding: 0 !important;
    border: none !important;
}
.ui-dialog .ui-dialog-buttonpane button {
    padding: 4px 17px !important;
    border-radius: 3px !important;
    margin-left: 1px;
}
.ui-draggable .ui-dialog-buttonpane button.ui-button:first-child {
    background: #4285F4 !important;
    border: 1px solid #4285F4 !important;
    color: #fff !important;
}
.ui-dialog button.ui-button:last-child {
    float: none;
    background: #fff;
    color: #5C5C5C !important;
    border-color: #ddd;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 5px;
    cursor: pointer;
}
.ui-dialog .ui-dialog-buttonpane button {
    padding: 4px 17px !important;
    border-radius: 3px !important;
    margin-left: 1px;
}
div#dialog-confirm {
    height: auto !important;
    text-align: left;
}
div#dSPre.search_preview {
    z-index: 99999999;
}
.infowin .img {
    display: inline-block;
}
span.info-sts.sp {
    margin-left: 10px;
    color: #6b6767;
    display: inline-flex;
    max-width: 226px !important;
}
#status a {
    position: absolute;
    right: 2px;
    top: 3px;
    font-size: 13px;
    color: #5C5C5C;
    width: 16px;
    text-align: center;
}
#status.success a {
    color: #fff;
}
#status.errormsg a {
    color: #fff;
}
#status{
    padding-right: 21px;
}
body.fadeBg:after {
    position: absolute;
    background: rgba(0, 0 , 0,.6);
    width: 100%;
    top: 0;
    height: 2000px;
    content: "";
    left: 0;
}
.panel-body hr {
    margin: 5px 0;
}
.menu-logo{
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 35px;
  color: #5C5C5C;
  padding: 0 15px;
}
.menu-logo i {
    float: right;
    font-size: 20px;
    margin-top: 9px;
}
.search_preview{

}
.logo {
    text-align: center;
}
.logo a{
    color: #5C5C5C;
}
#menu-sm li > a i.fa.fa-question-circle {
    font-size: 22px;
}
#fSearch .search_tabs {
    overflow: hidden !important;
    padding: 0;
    border: none;
    box-shadow: 0px 3px 4px 0px grey;
}
#fSearch .search_tabs li a {
    color: rgba(255, 255, 255, .7);
    border: none;
    font-size: 16px;
    font-family: Roboto-Light;
    word-spacing: 8px !important;
}
#fSearch .search_tabs li.active, #fSearch .search_tabs li.active a{
    background:#4285F4;
    color: rgba(255, 255, 255, 1);
    font-family: roboto-light;
}
.search_show{
    padding: 0 !important;
}

 .search_tabs{
    background:#4285F4;
}
#fSearch .search_tabs li a {
    padding: 5px 5px 12px 0px;
    width: 100%;
}
#fSearch .search_tabs li {
    width: 33.3%;
    text-align: center;
}
#fSearch .search_tabs li.active a:after, #fSearch .search_tabs li:hover a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 7px;
    left: 0;
    background: #fff;
    bottom: 0;
}
#fSearch .search_tabs li a:hover {
    background: #4285F4;
}
.alignLeft.typeRadioBtn {
    padding: 10px 0px 6px 0;
}
.show-sm.show-inline-lg {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px;
    font-family: Roboto-Regular;
}
.show-sm.show-inline-lg input[type=radio] {
    font-size: 20px;
    margin-right: 8px;
    margin-top: 0;
}
.search_show {
    background: #EEEEEE;
}
.alignLeft.typeRadioBtn{
    background: #fff;
}
.saved_trakings_top {
    background: #fff;
}
.saved_trakings_top {
    padding: 5px 10px;
    background: #fff;
    margin-bottom: 10px;
}
.alignLeft.typeRadioBtn {
    background: #fff;
    box-shadow: inset 0 5px 10px -5px #000000;
}
div#dSPre {
    background: #fff;
}
span.search_title {
    padding: 0 10px;
    background: #5c5c5c;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    float: right;
    font-family: Roboto-Regular;
    border-radius: 0px 5px 0px 2px;
}
span.search_title:before {
    position: absolute;
    content: "";
    width: 97%;
    height: 3px;
    left: 0;
    top: 0;
    background: #5c5c5c;
    margin-left: 5px;
}
span.search_title:after {
    width: 0;
    height: 20px;
    border-left: 24px solid transparent;
    border-right: 0px solid transparent;
    border-top: 21px solid #5c5c5c;
    float: left;
    content: "";
    margin-left: -33px;
}
span.search_title.user {
    background: #44ABD4;
}
span.search_title.user:before {
    background: #44ABD4;
}
span.search_title.user:after {
    border-top: 21px solid #44ABD4;
}
span.search_title.tag {
    background: #4285F4;
}
span.search_title.tag:before {
    background: #4285F4;
}
span.search_title.tag:after {
    border-top: 21px solid #4285F4;
}
span.search_title.poi {
    background: #869772;
}
span.search_title.poi:before {
    background: #869772;
}
span.search_title.poi:after {
    border-top: 21px solid #869772;
}
.search_name_stts {
    display: inline-block;
    float: left;
}
.search_name_stts h5 {
    font-family: Roboto-medium;
    font-size: 14px;
    color: #5C5C5C;
}
.search_name_stts h6 {
    font-size: 12px;
    margin-top: 4px;
    font-family: Roboto-regular;
    color: #4285F4;
}
h6.search_stts:before {
    background: #4285F4;
    width: 7px;
    height: 7px;
    content: "";
    border-radius: 100px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    display: inline-block;
}
h6.search_stts.sttsavailable{
    color: #417505;
}
h6.search_stts.sttsavailable:before{
    background: #417505;
}
h6.search_stts.sttsnotavail{
    color: #D0021B;
}
h6.search_stts.sttsnotavail:before{
    background: #D0021B;
}
h6.search_stts.sttsbusy{
    color: #F5A623;
}
h6.search_stts.sttsbusy:before{
    background: #F5A623;
}
a.no-margin {
    margin: 0 !important;
}
span.buttons_opt a.no-margin:first-child {
    margin: 0 !important;
}
.no-margin > span {
    display: block;
    border: 1px solid #9E9E9E;
    padding: 2px 0;
    border-radius: 5px;
}
a.save_tracking {
     padding: 5px !important;
     z-index: 0;
}
.buttons_opt .no-margin span > span {
    font-family: Roboto-Regular;
    text-transform: none;
    font-size: 10px;
    color: #9E9E9E;
}
.gmnoprint.gm-style-cc + button {
    bottom: 216px;
    top: 150px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 100px;
    background: #fff !important;
    margin-right: 10px !important;
    display: block !important;
    background-image: url(/Resources/IMG/full_screen.png) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    box-shadow: -1px 1px 5px -1px grey;
    z-index: 999999999 !important;
    display: none !important;
}
#fullScreenBtn {
    top: 120px !important;
    right: 0;
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    border-radius: 100px;
    background: #fff !important;
    margin-right: 10px !important;
    display: block !important;
    background-image: url(/Resources/IMG/full_screen.png) !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    box-shadow: -1px 1px 5px -1px grey;
    border: none;
}
.gmnoprint.gm-style-cc + button > img {
    display: block;
    height: 55px !important;
    width: 40px !important;
    top: -7px !important;
    left: 0px !important;
    z-index: 99999999 !important;
    opacity: 0;
}
span.buttons_opt a:hover i {
    color: #4285F4;
}
.buttons_opt a:hover span > span{
    color: #4285F4;
}
.buttons_opt a:hover > span {
    border: 1px solid #4285F4;
}
.popup-banner {
    display: block;
    width: auto;
    position: absolute;
    right: 0;
    top: 20%;
    padding: 10px 30px;
    text-align: left;
    font-family: Roboto-Regular;
    background: #5C5C5C;
    opacity: .8;
    color: #fff;
    border: 3px solid red;
}
.popup-banner h4 {
    font-size: 26px;
    font-family: Roboto-Light;
}
.popup-banner h4 span {
    font-family: Roboto-Medium;
    font-size: 37px;
}
.popup-banner a.take-me {
    color: #fff;
    background: orange;
    font-size: 20px;
    font-family: Roboto-light;
}
.popup-banner a  p {
    padding-top: 9px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding-left: 30px;
}
span.banner-close {
    position: absolute;
    left: -18px;
    padding: 10px;
    background: red;
    border-radius: 10000px;
    height: 35px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    line-height: .8;
    font-family: Roboto-regular;
    top: -18px;
    cursor: pointer;
}
.popup-banner a.take-me p {
    padding-top: 9px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}
.popup-banner a.take-me, .popup-banner a.stay-here{
    /*text-align: center !important;*/
}
a.stay-here {
    text-align: center;
    color: #fff;
    background: gray;
    font-size: 20px;
    font-family: Roboto-light;
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 5px;
}
.popup-banner a {
    width: 45%;
    text-align: left;
    float: left;
    text-align: left !important;
}
.popup-banner a span {
    float: left;
    padding: 10px;
    background: #A86800;
    width: 22%;
    text-align: center;
    font-family: Roboto-Bold;
    letter-spacing: 2px;
    font-size: 19px;
    text-transform: uppercase;
    opacity: 1;
}
.popup-banner a:hover {
    color: #fff !important;
    cursor: pointer;
}
.popup-banner a:hover span{
    background: green !important;
}
.popup-banner > span:hover{
    background: green !important;
}
/*.search-more-menu span {
    position: absolute;
    list-style: none;
    background: #ccc;
    padding: 10px;
}
.search-more-menu ul {
    height: auto !important;
    padding: 0 !important;
}
.search-more-menu {
    display: inline-block;
}
.search-more-menu a i {
    font-size: 25px !important;
}
.search-more-menu a {
    margin-top: 10px;
    position: relative;
}
.search-more-menu > span {
    display: none;
}*/
.search-dotts i {
    font-size: 25px !important;
}
.search-dotts.dropdown > a {
    margin-top: 15px;
}
.search-dotts.dropdown.show {
    display: inline-block !important;
    margin-left: 7px;
}
span.buttons_opt a.col-xs-3.no-margin {
    width: 24%;
}
.search-dotts.dropdown.show {
    position: absolute;
    right: 0;
    z-index: 999999;
}
.search-dotts.dropdown .dropdown-menu {
    right: 15px !important;
    background: #EEEEEE;
    width: 150px !important;
    min-width: 100px;
    padding: 6px !important;
    left: auto;
}
.search-dotts.dropdown .dropdown-menu a {
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 10px;
    font-family: roboto-medium;
    color: #5C5C5C;
    padding-bottom: 5px;
    padding-top: 5px;
}
a.stoptracking-toogle > span {
    display: block;
    border: 1px solid #4285F4;
    padding: 2px 0;
    border-radius: 5px;
    color: #4285F4;
}
a.stoptracking-toogle > span span, a.stoptracking-toogle > span i {
    color: #4285F4 !important;
}
.search_text.saved-tab .search_name_stts {
    margin: 0;
}
li.save-tab a:first-child {
    display: inline-block !important;
    width: 90%;
}
.removeTab {
    position: absolute;
    top: 0;
    right: -11px;
    height: 100%;
    background: #DBDBDB;
    padding: 20px;
    padding-top: 7px;
}
li.save-tab {
    overflow: hidden;
}
a#back_pointer {
    position: absolute;
    background: #4285F4;
    color: #ffff;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    padding: 12px 0px 12px 0px;
    font-size: 20px;
    font-family: Roboto-Regular;
}
a#back_pointer img {
    margin-right: 15px;
    margin-left: 17px;
    margin-bottom: 13px;
}
#back_pointer span {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: -34px;
}
a#back_pointer:hover{
    text-decoration: none;
}
.search_preview .status {
    text-align: left;
    color: #fff;
    padding: 0;
}
a.removeTab img {
    margin-top: 2px;
    max-width: 16px;
    height: auto;
}
span.detail-seprator {
    margin-bottom: 10px;
    background: #EEEEEE;
    width: 100%;
    content: "";
    height: 5px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}
span.play_button {
    background: url('/Resources/IMG/play_dis.png');
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto 4px auto;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}
a.start_btn:hover span.play_button {
    background-image: url('/Resources/IMG/play.png');
}
a.view_btn:hover span.eye_button {
    background-image: url('/Resources/IMG/eye.png');
}
a.route_btn:hover span.route_button {
    background-image: url('/Resources/IMG/Route_Icon.png');
}
a.details_btn:hover span.details_button {
    background-image: url('/Resources/IMG/Details.png');
}
span.stop_button {
    background: url('/Resources/IMG/stop.png');
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto 4px auto;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}
span.eye_button {
    background: url('/Resources/IMG/eye_dis.png');
    width: 25px;
    height: 16px;
    display: block;
    margin: 4px auto 4px auto;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}
span.route_button {
    background: url('/Resources/IMG/Route_dis.png');
    width: 25px;
    height: 20px;
    display: block;
    margin: 0 auto 4px auto;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}
span.details_button {
    background: url('/Resources/IMG/Details_dis.png');
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto 4px auto;
    display: block;
    background-size: 97%;
    background-repeat: no-repeat;
}
span.save_button {
    background: url('/Resources/IMG/save_icon.png');
    width: 15px;
    height: 15px;
    margin: 0px auto 0px auto;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 16px;
}
span.share_button {
    background: url('/Resources/IMG/Share Icon.png');
    width: 15px;
    height: 15px;
    margin: 0px auto 0px auto;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 16px;
}
.search-dotts.dropdown .dropdown-menu a:hover span {
    border: none;
}
/*#mapholder .gm-style-iw {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    display: block;
}*/
.main footer {
    display: block;
}
div#mapholder {
    height: 90vh !important;
    z-index: -1;
}
.search_bar {
    background: #4285F4;
}
body.map .search_bar {
    background: transparent;
}
input#txtTrackerId {
    margin: 10px;
}
#bottom_bar a {
    width: 50%;
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 14px;
    font-family: Roboto-regular;
    color: #9E9E9E;
    padding-top: 4px;
}
#bottom_bar a > span {
    width: 20px;
    height: 20px;
    content: "";
    display: block;
    margin: 2px auto 0px auto;
    background-size: 100% !important;
    margin-bottom: 3px;
    position: relative;
}
#bottom_bar a:hover {
    text-decoration: none;

}
#bottom_bar a.map_btn span {
    background:url(/Resources/IMG/map_dis.png);
}
#bottom_bar a.msg_btn span {
    background:url(/Resources/IMG/msg_dis.png);
}
footer {
    box-shadow: 0px -2px 17px grey;
}
#bottom_bar a.active {
    color: #4285F4;
}
#bottom_bar a.map_btn.active > span {
    background:url(/Resources/IMG/map.png);
}
#bottom_bar a.msg_btn.active span {
    background:url(/Resources/IMG/msg.png);
}
.gm-style > button {
    display: none;
}
/*#mapholder .gm-style-iw {*/
    /*top: 0 !important;*/
    /*left: 0px !important;*/
    /*width: 100% !important;*/
    /*display: block;*/
    /*padding-left: 15px;*/
/*}*/
.gm-style > button + div >button {
    border-radius: 100px !important;
    width: 40px !important;
    height: 40px !important;
    background: #fff;
    overflow: hidden;
    margin-right: 10px !important;
    background-image: url(/Resources/IMG/Location.png) !important;
    background-size: 20px !important;
    background-repeat: no-repeat;
    background-position: 10px;
    margin-bottom: 40px;
}
.gm-style > button + div >button >div{
    display: none;
}
.gmnoprint > div > button {
    width: 40px !important;
    height: 40px !important;
    background: #fff !important;
    margin-left: -10px !important;
    right: 10px !important;
    margin-top: 0px !important;
    border-radius: 100px !important;
    box-shadow: -1px 1px 5px -1px grey !important;
}
.gmnoprint > div > button {
    width: 40px !important;
    height: 40px !important;
    background: #fff !important;
    margin-left: -12px !important;
    right: 10px !important;
    margin-top: 5px !important;
    border-radius: 100px !important;
    box-shadow: -1px 1px 5px -1px grey !important;
}
.gmnoprint > div > button + div{
    display: none !important;
}
.gmnoprint > div > button > div {
    top: 12px !important;
    left: 12px !important;

}
.gmnoprint > div {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
input#txtTrackerId {
    margin: 10px;
    width: 96.5% !important;
    max-width: 96.5% !important;
}
footer{
    background: #eee;
}
.login_buttons_desk {
    display: none;
}
div#dSPre.search_preview {
    z-index: 99999999;
    height: 92vh !important;
    overflow-x: hidden;
    position: absolute;
    top: -60px;
    max-height: 92vh !important;
    margin-bottom: 40px !important;
    padding-bottom: 140px !important;
}
span.error {
    display: none !important;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint div {
    display: none;
}
div#dLogin {
    width: 100%;
    top: 30vh;
}
/*.gm-style > button + div {
    bottom: 20px !important;
    width: 40px !important;
}*/
.menu {
    margin: 0 !important;
    padding: 0 !important;
    position: fixed;
    right: 10px;
    top: auto;
    bottom: 100px;
}
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom + .gmnoprint.gm-style-mtc {
    top: 70px !important;
    width: 40px !important;
    margin: 0 !important;
    margin-right: 0px !important;
    margin-left: 10px !important;
}
.saved_trakings_top a, .saved_trakings_top p {
    font-size: 12px;
}
a#menu_but:after {
    display: none;
}
a#menu_but {
    height: 40px;
    width: 40px;
    background: url(/Resources/IMG/menu_dis.png);
    background-repeat: no-repeat !important;
    background-position: 12px 10px !important;
    background-size: 25px !important;
}
body.map a#menu_but {
    background: url(/Resources/IMG/menu_white_icon.png)
}
.index-radio {
    padding-left: 20px; }
.index-radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.index-radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 2px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.index-radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 9px;
    height: 9px;
    left: 4px;
    top: 4px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.index-radio input[type="radio"] {
    opacity: 0; }
.index-radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.index-radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.index-radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.index-radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.index-radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #4285F4; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #4285F4; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #4285F4; }
.radio-primary input[type="radio"]:checked+label {
  color: #4285F4;
}
li#messagemenu_btn {
    display: none;
}
.panel ul li {
    padding: 1px 15px;
}
div#dLogin {
    width: 100%;
    height: 100vh;
    top: 0;
}
.desktop_view{
    display: none !important;
}
form#fSearch .search_bar .btn {
    background: transparent;
    padding: 0 !important;
    right: 20px;
    margin-top: 9px;
}
/*-----------------Login*/
div#dLogin {
    width: 100%;
    height: 100vh;
    top: 0;
    padding: 0 !important;
    border: none !important;
    background: #eee !important;
}
span.blue_heading {
    display: block;
    background: #4285F4;
    height: 45px;
    box-shadow: 0px 3px 4px 0px grey;
    font-size: 15px;
    font-family: Roboto-regular;
    color: #fff;
    padding-top: 12px;
}
span.blue_heading_title {
    margin-left: 30px;
}
.blue_heading a.back_button {
    margin-left: 10px;
    height: 20px;
    width: 20px;
}
img.logo_sc {
    width: 130px;
    margin: 0 auto !important;
    float: none;
    display: block;
    margin-top: 40px !important;
}
form#fLogin label {
    font-family: Roboto-regular;
    color: #5C5C5C;
}
form#fLogin {
    padding: 30px;
}
form#fLogin input[type=text] {
    background-image: none !important;
    background: #fff !important;
    border-color: #D6D6D6;
    border-radius: 3px;
    height: 40px;
    font-family: roboto-light !important;
}
form#fLogin input[type=password] {
    background-image: none !important;
    background: #fff !important;
    border-color: #D6D6D6;
    border-radius: 3px;
    height: 40px;
    font-family: roboto-light !important;
}
#fLogin .input-group {
    font-family: roboto-medium;
    color: #5C5C5C;
}
form#fLogin .box-footer button {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285F4;
    width: 49%;
    border-radius: 3px;
}
form#fLogin .box-footer button {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285F4;
    width: 49%;
    border-radius: 3px;
}
div#dRegister {
    width: 100%;
    top: 0;
}
.topright_panel {
    width: 100%;
}
.gmnoprint.gm-style-cc > div {
    display: none;
}
    span#trackings_count {
        background: #F5A623 !important;
        width: 13px;
        height: 13px;
        position: absolute;
        right: -5px;
        top: -5px;
        font-size: 8px;
        border-radius: 100px;
        color: #fff;
        line-height: 1.8;
        display: none;
    }
        span#messages_count {
        background: #F5A623 !important;
        width: 13px;
        height: 13px;
        position: absolute;
        right: -5px;
        top: -5px;
        font-size: 8px;
        border-radius: 100px;
        color: #fff;
        line-height: 1.8;
        display: none;
    }
    span#trackings_count.active{
        display: block !important;
    }
    span#messages_count.active{
        display: block !important;
    }
    .ui-dialog {
        width: 100% !important;
    }
    .detailScreen_buttons > a > span {
        border: 2px solid transparent;
    }
    .detailScreen_buttons .search-dotts.dropdown.show {
        display: inline-block !important;
        margin-left: 5px;
        margin-right: 10px;
        margin-top: 15px;
    }
.success {
    position: absolute;
    top: auto;
    left: 25%;
    background-color: #FFF !important;
    color: #417505 !important;
    padding: 5px 15px 5px 15px;
    z-index: 10010;
    bottom: 10vh;
    width: auto;
    right: 25%;
    border: 1px solid #417505;
    border-radius: 5px;
}
.errormsg {
    position: absolute;
    top: auto;
    left: 25%;
    background-color: #FFF !important;
    color: #D0021B !important;
    padding: 5px 15px 5px 15px;
    z-index: 10010;
    bottom: 10vh;
    width: auto;
    right: 25%;
    border: 1px solid #D0021B;
    border-radius: 5px;
}
.info {
    position: absolute;
    top: auto;
    left: 25%;
    background-color: #FFF !important;
    color: #EB9D1D !important;
    padding: 5px 15px 5px 15px;
    z-index: 10010;
    bottom: 10vh;
    width: auto;
    right: 25%;
    border: 1px solid #EB9D1D;
    border-radius: 5px;
}
.ui-pnotify-title {
    display: none !important;
}
.ui-pnotify-container {
    padding: 0 !important;
}
.ui-pnotify {
     border-radius: 5px !important;
    padding: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
}
.msg span.n {
    width: 100%;
    padding: 5px 10px;
    text-align: left;
    font-family: roboto-medium;
    letter-spacing: 1px;
    color: #5C5C5C;
    font-size: 13px;
    display: block !important;
}
.msg.c999 .txt {
    display: block !important;
    clear: both !important;
    position: relative !important;
    padding: 7px 10px !important;
    color: #5C5C5C !important;
    font-family: roboto-regular;
}
.msg.c999 .n{
    background: #eee !important;
}

.ui-pnotify {
    bottom: unset !important;
    top: 14vh !important;
    box-shadow: 0px 2px 10px -4px grey;
}
/*---------------Info Window----------------*/
span.title_st {
    display: inline-block;
    max-width: 226px !important;
}
span.info-sts.sp {
    margin-left: 10px;
    display: block;
}
.infowin ul li .n {
    margin-top: 3px;
    clear: both !important;
    margin-left: 10px;
    color: #5C5C5C;
    font-family: roboto-medium;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}
.infowin ul .mar {
    width: 60px;
    height: auto;
/*    margin-top: -25px;*/
}
.infowin .img {
    display: inline-block;
    margin-top: 5px;
    padding-bottom: 8px;
    margin-bottom: 15px;
    clear:both;
}
.infowin > ul> li > img {
    height: 20px;
    width: 20px;
    margin-right: 20px;
}
.infowin > ul> li {
    margin-bottom: 5px;
    font-family: roboto-regular;
    color: #5C5C5C !important;
    padding-right: 0px;
}
li.more_details_info {
    width: 100%;
    display: block;
    margin-bottom:  0 !important;
}
.more_details_info a {
    width: 45% !important;
    padding: 3px 25px;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    font-family: Roboto-regular;
    color: #4285F4;
    font-size: 13px;
    letter-spacing: 1px;
}
.more_details_info a:first-child {
    margin-right: 14px;
}
li.msg .pull-right {
    float: left !important;
}
.infowin h6.search_stts {
    margin-left: 10px;
    margin-bottom: 0;
}
.more_details_info a {
    width: 45% !important;
    padding: 3px 12px;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    font-family: Roboto-regular;
    color: #4285F4;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center !important;
}
.infowin span.search_title {
    line-height: 20px;
}
.more_details_info a:last-child {
    float: right;
}
.more_details_info a:first-child {
    float: left;
}
/*.gm-style .gm-style-iw {*/
    /*top: 0 !important;*/
    /*max-width: inherit !important;*/
    /*width: inherit !important;*/
/*}*/
/*.gm-style .gm-style-iw + div {*/
    /*background-image: url('/Resources/IMG/close.png') !important;*/
    /*position: absolute !important;*/
    /*top: -10px !important;*/
    /*right: -30px !important;*/
    /*padding: 5px;*/
    /*opacity: 1 !important;*/
    /*border-radius: 100px;*/
    /*width: 25px !important;*/
    /*height: 25px !important;*/
    /*background-size: 100% 100%;*/
/*}*/
/*.gm-style .gm-style-iw + div img {*/
    /*display: none !important;*/
/*}*/
.gm-style .gm-style-iw + div {
    background-image: url(/Resources/IMG/close.png) !important;
    position: absolute !important;
    top: -10px !important;
    right: -10px !important;
    padding: 5px;
    opacity: 1 !important;
    border-radius: 100px;
    width: 25px !important;
    height: 25px !important;
    background-size: 100% 100%;
}
.gm-style-iw + button {
    background-image: url(/Resources/IMG/close.png) !important;
    position: absolute !important;
    top: -10px !important;
    right: -10px !important;
    padding: 5px;
    opacity: 1 !important;
    border-radius: 100px;
    width: 25px !important;
    height: 25px !important;
    background-size: 100% 100% !important;
}
.gm-style-iw + button img{
    display: none !important;
}
.gm-style .gm-style-iw + div img {
    display: none !important;
}
.gm-style-iw > div {
    display: block !important;
    margin: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    max-width: 300px !important;
}
/*.gm-style-iw > div:last-child {*/
    /*display: none !important;*/
/*}*/
.infowin hr {
    margin-top: 0;
    margin-bottom: 10px;
}

.more_details_info a:hover {
    color: #fff;
    background: #4285F4;
    text-decoration: none;
}
span.title_sts {
    display: table-cell !important;
}
.infowin .img {
    display: table !important;
    padding: 0;
}
.modal-header {
    background: #4285F4 !important;
}
.typeRadioBtn .c-paging {
    display: none !important;
}
#dHashTrackeeUsers ul.search_results_opt {
    overflow-y: auto;
    max-height: 100vh !important;
    display: block;
    position: relative;
}
div#dHashTrackeeUsers {
    position: absolute;
    top: 0;
    background: #fff;
}
/*--------------------------------PopUp Model---------------------------------*/
.popup button.close span {
    margin-top: -8px !important;
    position: absolute;
    top: 19px;
    left: 7px;
}
.popup button.close {
    position: absolute;
    right: -4px;
    background: red;
    opacity: 1;
    color: #fff;
    height: 25px;
    width: 25px;
    line-height: 0;
    border-radius: 1000pc;
    top: -7px;
    z-index: 9999999999;
}
.popup a.btn.btn-primary {
    background: #0059C1;
    margin-bottom: 20px;
}
.popup a.btn {
    background: #fff;
    font-size: 18px;
    width: 80% !important;
    display: block;
    margin: 0 auto;
}
.site-thunb {
    position: absolute;
    top: -50px;
    z-index: 99999;
    left: 33%;
}
.popup .modal-content {
    padding-top: 30px;
    padding-bottom: 5px;
}
.popup a.btn.btn-secondary {
    border: 2px solid #0059c1;
    color: #0059c1;
}
.popup p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 300;
    margin: 15px auto;
}
.popup span {
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 1000;
    margin-bottom: 10px;
}
.popup p > a {
    font-size: 20px;
    font-weight: 1000;
    color: #5C5C5C;
}
.modal-content .form-group .input-group {
    text-align: center;
    display: block;
    font-family: roboto-regular;
}
.modal-content .form-group .input-group input {
    margin-right: 10px;
}
.modal-content .form-group .input-group input {
    margin-right: 10px;
}
a.back_pointer.toprlnk {
    position: relative;
    background: #4285F4 !important;
    color: #fff;
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px 0px !important;
    font-size: 20px;
    font-family: Roboto-Regular;
    width: 100%;
    margin-top: 0;
    display: block;
    padding-left: 10px !important;
}
a.back_pointer.toprlnk img {
    margin-right: 10px;
}
#dHashTrackeeUsers .search_text span {
    display: block;
}
#dHashTrackeeUsers .search_text span img {
    margin-top: 0;
    margin-right: 15px;
}
#dHashTrackeeUsers li {
    list-style: none !important;
    background: #eee;
    margin-bottom: 10px;
    padding: 10px 0;
    box-shadow: grey 0px 2px 4px;
}
#dHashTrackeeUsers li {
    list-style: none !important;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px 0;
    box-shadow: grey 0px 4px 6px;
}
a.back_pointer.toprlnk:hover {
    text-decoration: none;
}
.noresults {
    padding: 20px 10px;
    font-family: Roboto-medium;
    color: #5C5C5C;
    font-size: 13px;
}
/*.gm-style-iw > div {*/
    /*margin: 0 !important;*/
    /*max-width: 100% !important;*/
    /*right: 0 !important;*/
    /*width: 100% !important;*/
/*}*/
.more_details_info a:last-child {
    float: right;
}
.more_details_info a:first-child {
    float: left;
}
/*.gm-style .gm-style-iw {*/
    /*top: 0 !important;*/
/*}*/
/*.gm-style .gm-style-iw + div {*/
    /*background-image: url(/Resources/IMG/close.png) !important;*/
    /*position: absolute !important;*/
    /*top: -10px !important;*/
    /*right: -13px !important;*/
    /*padding: 5px;*/
    /*opacity: 1 !important;*/
    /*border-radius: 100px;*/
    /*width: 25px !important;*/
    /*height: 25px !important;*/
    /*background-size: 100% 100%;*/
/*}*/
/*.gm-style .gm-style-iw + div img {*/
    /*display: none !important;*/
/*}*/
/*#mapholder > div > div > div > div:last-child> div:last-child > div:last-child {*/
    /*width: 250px !important;*/
/*}*/
/*#mapholder > div > div > div > div:last-child> div:last-child > div:last-child > div >div:nth-child(2) {*/
    /*background: none !important;*/
    /*border: none !important;*/
    /*box-shadow: none !important;*/
/*}*/
/*#mapholder > div > div > div > div:last-child> div:last-child > div:last-child > div >div:last-child {*/
    /*background: #fff !important;*/
    /*width: 249px !important;*/
    /*margin-left: 11px !important;*/
    /*box-shadow: 0px -5px 20px 1px gray !important;*/
    /*margin: 0 !important;*/
/*}*/
#cookie_assistant_wrapper.bottom-left {
    left: 10px !important;
    bottom: 10px !important;
    z-index: 999999999999 !important;
}
.route_hide_btn span {
    border-color: #4285F4;
}
.route_hide_btn span.route_button{
    background: url('/Resources/IMG/Route_Icon.png');
    width: 25px;
    height: 20px;
    display: block;
    margin: 0 auto 4px auto;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;

}
.route_hide_btn span span {
    color: #4285F4 !important;

}
#menu-sm li > a i.fa.fa-question-circle + span {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}
div#dLoginYes {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 100px;
    display: block;
}
#imgUser {
    width: 40px;
    height: 40px;
}
div#dUserInfo {
    width: 100% !important;
    right: 0;
}
.toprlnk a {
    color: #fff;
    width: 25px !important;
    display: block;
}
.main header #dUser {
    margin-right: 0;
    margin: 0 auto;
    color: #5C5C5C!important;
    display: block;
    vertical-align: bottom !important;
    width: 196px;
    font-family: roboto-bold;
    position: absolute;
    bottom: -18px;
    text-align: left;
    padding-left: 5px;
}
.login-logo {
    padding-top: 30px;
    background: #eee;
    margin: 0;
    padding-bottom: 30px;
}
.login-box form#fLogin input[type=text] {
    background-image: none !important;
    background: #fff !important;
    border-color: inherit !important;
    border-radius: 0 3px 3px 0;
}
.login-box form#fLogin input[type=password] {
    background-image: none !important;
    background: #fff !important;
    border-color: inherit !important;
    border-radius: 0 3px 3px 0;
}

div#more_details.click_more{
    display: block !important;
}
hr.colorgraph {
    display: none;
}
div#dNotificationBar > div {
    background: #4285F4;
    margin-bottom: 14px;
    color: #fff;
}
#dNotificationBar .topllnk {
    position: absolute;
    font-size: 16px;
    color: #fff !important;
    padding: 4px 8px 8px 8px;
    height: auto !important;
    line-height: 10px;
    top: 20px;
    background: transparent;
}
#dNotificationBar .topllnk > a {
    color: #fff;
}
.mg .txt {
    display: inline-block;
    margin: 0 !important;
    text-align: left !important;
}
.msg .txt > p {
    padding: 8px 0px;
}
.msg .img {
    margin-right: 0;
    width: 15%;
    display: inline-block;
}
.msg .img {
    margin-right: 0;
    width: 15%;
    display: inline-block;
    vertical-align: top;
}
.msg .message-view {
    display: inline-block;
    background: #eee;
    width: 85%;
    padding: 20px 10px !important;
    border-radius: 7px;
    font-family: roboto-regular;
}
.message-view span i {
    margin-right: 5px;
}
#dNotificationBar #dMsgs ul .msg {
    border-bottom: none;
    padding-bottom: 10px;
}
div#dNotificationBar > div {
    background: #4285F4;
    margin-bottom: 14px;
    color: #fff;
}
#dNotificationBar .topllnk {
    position: absolute;
    font-size: 16px;
    color: #fff !important;
    padding: 4px 8px 8px 8px;
    height: auto !important;
    line-height: 10px;
    top: 20px;
    background: transparent;
}
#dNotificationBar .topllnk > a {
    color: #fff;
}
#dNotificationBar .toprlnk:last-child {
    position: absolute;
    font-size: 20px;
    background: transparent;
    color: #fff !important;
    padding: 4px 4px 8px 8px;
    height: auto !important;
    line-height: 10px;
    top: 0;
    right: 0;
    font-family: roboto-regular;
    display: none;
}
#dNotificationBar .toprlnk > a {
    color: #fff;
}
.msg.c999 .txt {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0px 10px !important;
    width: 100%;
    color: #9e9e9e !important;
    font-family: roboto-regular;
}
.message-view span.n {
    padding: 0;
}
.message-view p, .message-view .t {
    color: #888;
}
div#dPreDesc {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.topright_panel {
    width: 100% !important;
    top: 0 !important;
    height: 90vh !important;
    border: none !important;
}
/*.gm-style .gm-style-iw + div + img {*/
    /*top: -15px !important;*/
    /*right: -17px !important;*/
/*}*/
#dNotificationBar .noresults {
    padding: 3px 10px;
}
div#dNotificationBar > div {
    background: #4285F4;
    margin-bottom: 14px;
    color: #fff;
    padding: 10px 0px 13px 0px !important;
}
#dNotificationBar h2 {
    margin: 0;
    padding-top: 7px;
}
#back_pointer {
    height: 47px;
}
.search_text {
    padding: 0px 15px 0px 15px;
    display: block !important;
    clear: both !important;
}
.search_text.saved-tab {
    padding-top: 5px;
}
.main {
    min-height: 100% !important;
    height: 100% !important;
}
#dashboard_btn i.fa.fa-tachometer {
    font-size: 16px;
    margin-right: 22px;
}
.gmnoprint.gm-style-cc + button + div {
    bottom: auto !important;
    top: 70px !important;
}
#fSearch #search_screen li:last-child {
    margin-bottom: 140px !important;
}
.hideall.fullScreen button#fullScreenBtn {
    background-image: url(/Resources/IMG/full_screen_dis.png) !important;
}

.hideall.fullScreen .main footer {
    display: none !important;
}
.hideall.fullScreen .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom + .gmnoprint.gm-style-mtc {
    top: 20px !important;
}
.hideall.fullScreen button#trafficToggle {
    top: 20px;
}
.hideall.fullScreen div#dLoginNo {
    display: none !important;
}
.hideall.fullScreen .main header {
    height: 0 !important;
}
.hideall.fullScreen .menu {
    bottom: 20px;
}
#mapholder > div > div > div > div:last-child> div:last-child > div:last-child > div >div:nth-child(3) > div {
    z-index: 999999;
    top: 2px !important;
}
img.search_image_tab.col-xs-3 {
    padding: 0 !important;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#timeline img {
    vertical-align: middle;
}

#timeline .img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

#timeline .img-rounded {
    border-radius: 3px;
}

#timeline .img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out;
}

#timeline .img-circle {
    border-radius: 50%;
}
#timeline .timeline-centered {
    position: relative;
    margin-bottom: 30px;
    margin-left: 20px;
}
#timeline .timeline-centered:before, .timeline-centered:after {
    content: " ";
    display: table;
}

#timeline .timeline-centered:after {
    clear: both;
}

#timeline .timeline-centered:before, .timeline-centered:after {
    content: " ";
    display: table;
}

#timeline .timeline-centered:after {
    clear: both;
}

#timeline .timeline-centered:before {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    background: #f5f5f6;
    /*left: 50%;*/
    top: 20px;
    bottom: 20px;
    margin-left: 30px;
}

#timeline .timeline-centered .timeline-entry {
    position: relative;
    /*width: 50%;
    float: right;*/
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 10px;
    clear: both;
}

#timeline .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
    content: " ";
    display: table;
}

#timeline .timeline-centered .timeline-entry:after {
    clear: both;
}

#timeline .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
    content: " ";
    display: table;
}

#timeline .timeline-centered .timeline-entry:after {
    clear: both;
}

#timeline .timeline-centered .timeline-entry.begin {
    margin-bottom: 0;
}

#timeline .timeline-centered .timeline-entry.left-aligned {
    float: left;
}

#timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px;
}

#timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left;
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right;
}

#timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px;
}

#timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -20px;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -100px;
    text-align: right;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
    display: block;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
    font-size: 15px;
    font-weight: bold;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
    font-size: 12px;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    background: #fff;
    color: #737881;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    -moz-box-shadow: 0 0 0 5px #f5f5f6;
    -webkit-box-shadow: 0 0 0 5px #f5f5f6;
    box-shadow: 0 0 0 5px #f5f5f6;
    line-height: 40px;
    font-size: 15px;
    float: left;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    background-color: #303641;
    color: #fff;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
    background-color: #ee4749;
    color: #fff;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
    background-color: #00a651;
    color: #fff;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    background-color: #21a9e1;
    color: #fff;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
    background-color: #fad839;
    color: #fff;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
    background-color: #cc2424;
    color: #fff;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: #f5f5f6;
    padding: 1em;
    margin-left: 60px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f5f5f6 transparent transparent;
    left: 0;
    top: 10px;
    margin-left: -9px;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
    color: #737881;
    font-family: "Noto Sans",sans-serif;
    font-size: 12px;
    margin: 0;
    line-height: 1.428571429;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
    margin-top: 15px;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
    font-size: 16px;
    margin-bottom: 10px;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
    color: #303641;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
}
#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    display: block;
    width: 15px;
    height: 15px;
}
#timeline .timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -5px;
}
#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    padding: 0;
    margin-left: 30px;
}
#timeline .timeline-label a {
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 0px;
    font-family: roboto-regular;
    font-size: 12px;
    text-decoration: none;
    color: #5C5C5C;
}
#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label{
    background: transparent;
}
#timeline .timeline-centered:before {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    background: #0059C1;
    /* left: 50%; */
    top: 15px;
    bottom: 30px;
    margin-left: 1px;
}

#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
    background-color: #F5A623;
    color: #0059C1;
}
#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    display: block;
    width: 15px;
    height: 15px;
}
#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    -moz-box-shadow: 0 0 0 3px #0059C1;
    -webkit-box-shadow: 0 0 0 3px #0059C1;
    box-shadow: 0 0 0 3px #0059C1;
}
#timeline .timeline-label a:hover {
   color: #4285F4;
}
div#timeline {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #b7c7ce;
}
#timeline h3 {
    color: #5C5C5C;
    text-align: left;
    font-size: 14px;
    font-family: roboto-medium;
    margin-bottom: 16px;
    display: block;
    margin-top: 0;
}
#timeline .timeline-label img {
    max-width: 25px;
    margin-right: 7px;
    margin-top: -8px;
}
#timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after{
    display: none;
}
.poimp {
    width: 100% !important;
    height: 200px !important;
    border: 4px solid #EEE;
}
h4.poiMapTitle {
    text-align: left;
    color: #5C5C5C;
    font-size: 18px;
}
a.poiMapBtn {
    padding: 10px !important;
    display: inline-block;
    margin-top: 12px;
    background: #80B4FF;
    color: #fff;
    font-size: 15px;
    font-family: Roboto-regular;
}
a.poiMapBtn:hover, a.poiMapBtn:focus{
    color: #fff;
}
.fb-page.fb_iframe_widget > span {
    width: 100% !important;
}
.socialfeed {
    max-width: 500px !important;
    margin: 0 auto;
}
.twFeed, .fbFeed {
    margin-bottom: 40px;
    border: 1px solid #77b5fe;
}
.twFeed > h6, .fbFeed > h6 {
    display: block !important;
    padding: 5px;
    text-align: center;
    width: 100% !important;
    background: #77b5fe;
    color: #fff !important;
    font-size: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.socialfeed {
    margin-top: 50px;
}
::-webkit-scrollbar {
    display: none;
}
.vhcl-details img.vehicle-img {
    margin: 0 auto;
}
.vhcl-details p {
    color: #5c5c5c;
    margin: 0;
    margin-top: 5px;
    display: inline-block;
}
.vhcl-details {
    margin-bottom: 20px !important;
}
.vhcl-details img.vehicle-img {
    margin: 0 auto;
}
.vhcl-details p {
    color: #5c5c5c;
    margin: 0;
    margin-top: 5px;
    display: inline-block;
}
.vhcl-details {
    margin-bottom: 20px !important;
}
h3.vhcl-details-heading {
    float: left;
    color: #5C5C5C;
    text-align: left;
    font-size: 18px;
    margin-bottom: 24px;
}
.col-vhcl.vhcl-details {
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 10px;
    display: inline-grid;
    width: 120px;
    text-align: center !important;
    border-radius: 5px;
    margin-bottom: 10px !important;
}
.vehicle_container {
    border-top: 1px solid #b8c7ce;
    margin-top: 20px;
}
.vehicle_container h3 {
    color: #4285F4;
    text-align: left;
    font-size: 14px;
}
.vehicle_container h3.vhcl-details-heading {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px;
    margin-top: 0;
    background: #77b5fe;
    text-align: center;
}
span.destination {
    color: #4285F4;
    font-size: 13px;
    margin-right: 5px;
}
.userList ol li {
    display: list-item !important;
}
.userList ol {
    list-style-type: circle;
    display: block;
    padding-left: 15px;
}
.rchUser span:first-child {
    color: #4285F4;
}
.userList h6 {
    background: #869772;
    color: #fff;
    padding: 5px 5px;
    text-align: center;
}
.eta span.destination {
    display: block;
    text-align: center;
    padding: 3px 5px;
    background: #44ABD4;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
span.aprxTime {
    float: right;
    font-size: 11px;
}
.userList ol li.more_details_info {
    list-style-type: none;
    margin-left: -7px;
    width: 100% !important;
}
.userList ol li {
    display: list-item !important;
    margin-bottom: 5px;
}
.rchUser span:last-child {
    float: right;
}
.rchUser button {
    width: 100%;
    border: none;
    text-align: left;
    margin-bottom: 5px;
}
.rchUser .collapse.in {
    margin-bottom: 10px;
    margin-top: 2px;
}
#dHashTrackeeUsers li.selected_tracking {
    list-style: none !important;
    background: #fff;
    box-shadow: 0px 2px 6px 0px grey;
    border-radius: 2px;
    margin-bottom: 10px;
    position: relative;
    margin-left: 6px;
    margin-right: 2px;
    border-radius: 6px !important;
    padding-top: 0;
}
#dHashTrackeeUsers a.back_pointer.toprlnk img {
    margin-right: 15px;
    margin-bottom: 2px;
}
#dHashTrackeeUsers a.back_pointer.toprlnk span {
    text-align: center;
    width: 100%;
    display: block;
    margin-top: -20px;
}
div#dHashTrackeeUsers {
    position: absolute;
    width: 100%;
    top: 0;
    background: #eee;
}
#dHashTrackeeUsers .search_text div {
    width: 100%;
}
#dHashTrackeeUsers .search_text h5 {
    font-weight: bold;
    font-family: Roboto-medium;
    font-size: 16px;
    color: #5C5C5C;
    display: inline-block;
    margin-left: 10px;
}
#dHashTrackeeUsers img.search_image_tab.col-xs-3 {
    padding: 0 !important;
    width: 25%;
    height: auto;
    display: inline-block;
}
div#dHashTrackeeUsers a.back_pointer {
    background: #4285F4;
    color: #ffff;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    padding: 15px 0px;
    font-size: 20px;
    font-family: Roboto-Regular;
    height: 55px;
}
div#dSR {
    padding-top: 15px;
}
#timeline h3 span {
    margin-left: 12px;
    margin-top: 2px;
}
.vehicle_basic > div {
    margin-bottom: 7px;
}
.directionBtn.more_details_info a {
    width: auto !important;
    margin-right: 0;
    margin: 0 auto;
    display: block;
    float: none;
}
.naVhcl {
    position: relative;
}
.naVhcl span:before {
    background: url(/Resources/IMG/overly.png);
    position: absolute;
    width: 40px;
    height: 40px;
    content: "";
    display: block;
    z-index: 999999999;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: center center;
    left: 33%;
    top: 3%;
}
.naVhcl span {
    margin: 0 auto;
}
h3.grid-title {
    color: #fff !important;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px;
    margin-top: 0;
    background: #77b5fe;
    text-align: center !important;
    margin-right: 33px !important;
}
.more_details {
    padding: 0 !important;
}
.more_details > div {
    padding-left: 20px;
    padding-right: 20px;
}
div#more_details, div#M_14, div#M_16 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
div#more_details > div, div#M_14 > div, div#M_16 > div {
    padding-left: 20px;
    padding-right: 20px;
}
div#timeline, .vehicle_container{
    padding: 0 !important;
}
div#timeline > div, div#timeline > h3, .vehicle_container > div{
     padding-left: 20px;
     padding-right: 20px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.infWinTyp0 span.search_title.user, .infWinTyp1 span.search_title.user {
    background: none;
    color: #5C5C5C;
    text-align: center;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}
.infWinTyp0 span.search_title:before, .infWinTyp1 span.search_title:before {
    display: none !important;
}
.infWinTyp0 span.search_title:after, .infWinTyp1 span.search_title:after  {
    display: none !important;
}
.infWinTyp0 span.search_title:after, .infWinTyp1 span.search_title:after {
    display: none !important;
}
.infWinTyp0 ul img.mar, .infWinTyp1 ul img.mar{
    display: none !important;
}
.infWinTyp0 .infowin ul li .n , .infWinTyp1 .infowin ul li .n {
    clear: both !important;
    margin-left: 0;
    color: #5C5C5C;
    font-family: roboto-medium;
    font-size: 13px;
    margin-bottom: 0;
    display: block;
}
.infWinTyp0 h6.search_stts:before, .infWinTyp1 h6.search_stts:before{
    display: none !important;
}
.infWinTyp0 h6.search_stts, .infWinTyp1 h6.search_stts {
    margin-top: 3px;
    color: #5C5C5C !important;
    font-size: 10px;
}
.infWinTyp0 .img, .infWinTyp1 .img {
    margin-bottom: 5px;
}
.infWinTyp0  > ul> li, .infWinTyp1  > ul> li {
    margin-bottom: 0px;
}
.infWinTyp0 hr, .infWinTyp1 hr {
    display:  none !important;
}
.infWinTyp0 li.int.dim, .infWinTyp1 li.int.dim {
    display:  none !important;
}
.infWinTyp0 > ul> li > img, .infWinTyp1 > ul> li > img{
    display:  none !important;
}
.infWinTyp0 ul li .n, .infWinTyp1 ul li .n{
    margin-left: 0;
    color: #5C5C5C;
    font-family: roboto-medium;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 16px;
}
.infWinTyp0 li.sp{
    display: inline-block;
    float: left;
    color:#9B9B9B;
    line-height: 14px;
}
.infWinTyp0 li.sp span, .infWinTyp1 li.sp span{
    color:#9B9B9B;
    font-size: 10px;
}
.infWinTyp0 li.t{
    display: inline-block;
    float: right;
    color:#9B9B9B;
    line-height: 14px;
}
.infWinTyp0 li.t span, .infWinTyp1 li.t span{
    color:#9B9B9B;
    font-size: 10px;
}
.infWinTyp0 span.search_title, .infWinTyp1 span.search_title {
    line-height: 1;
    font-size: 11px;
}
.infWinTyp0.more_details_info span , .infWinTyp1.more_details_info span, .infWinTyp3.more_details_info span, .infWinTyp4.more_details_info span {
    float: left;
    margin: 0 3px;
    font-size: 10px;
}
.infWinTyp0.infowin .img, .infWinTyp1.infowin .img {
    margin-bottom: 0 !important;
}
.infWinTyp0.more_details_info a , .infWinTyp1.more_details_info a, .infWinTyp3.more_details_info a, .infWinTyp4.more_details_info a {
    width: auto !important;
    padding: 0;
    border: none;
    border-radius: 0;
    font-family: Roboto-regular;
    color: #4285F4;
    font-size: 10px;
    letter-spacing: 0px;
    text-align: center !important;
    display: inline-block;
    margin: 0 !important;
    float: left;
}
li.more_details_info.infWinTyp0, li.more_details_info.infWinTyp1, li.more_details_info.infWinTyp3, li.more_details_info.infWinTyp4 {
    margin-bottom: 0 !important;
    margin-top: 1px !important;
}
.infWinTyp0.more_details_info a:hover, .infWinTyp1.more_details_info a:hover, .infWinTyp3.more_details_info a:hover, .infWinTyp4.more_details_info a:hover {
    background: none;
    color:#9B9B9B;
}
.infWinTyp0 span.search_title.poi,.infWinTyp1 span.search_title.poi {
    background: none;
    color: #5C5C5C;
    display: block;
    text-align: center;
    width: 100%;
}
.infWinTyp0 .eta span.destination, .infWinTyp1 .eta span.destination{
    display: none;
}
.infWinTyp0 span.aprxTime, .infWinTyp1 span.aprxTime {
    float: none;
    font-size: 11px;
    color: green;}
.infWinTyp0 span.nxtStopName, .infWinTyp1 span.nxtStopName {
    font-size: 11px;
    color: #9B9B9B;
}
.infWinTyp0 li.int.eta, .infWinTyp1 li.int.eta {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}
.infWinTyp1 li.sp.seat , .infWinTyp1 li.sp.seat span{
    font-size: 10px;
    color:#9B9B9B !important;
}
.infWinTyp1 li.int.dim {
    display: inline-block !important;
    width: 43% !important;
    font-size: 10px;
    color: #9B9B9B !important;
    float: right;
    text-align: right;
}
.infWinTyp1 li.sp {
    color: #9B9B9B;
    line-height: 14px;
}
.infWinTyp1 li.t {
    color: #9B9B9B;
    line-height: 14px;
    width: 56%;
    display: inline-block !important;
}
.infWinTyp1.more_details_info a{
    font-size: 12px;
}
.infWinTyp0 li.int.eta i, .infWinTyp1 li.int.eta i {
    margin-left: 5px !important;
    color: green;
    margin-right: 3px;
}
.infWinTyp1 li.int.eta {
    text-align: left;
}
.infWinTyp1 li.int.eta i.fa.fa-flag-checkered {
    margin-left: 0 !important;
    margin-right: 5px;
    color: #5C5C5C;
}
.infWinTyp0 span.nxtStopName, .infWinTyp1 span.nxtStopName {
    margin-right: 5px;
}
.infoBubble div {
    border-radius: 5px !important;
}
.infoBubble > img {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
}
.infWinTyp3 img.mar,.infWinTyp4 img.mar, .infWinTyp3 img.mar,.infWinTyp4 img.mar {
    width: 40px;
    margin-left: 3px;
}
.infWinTyp3 h6.search_stts.sttsavailable,.infWinTyp4 h6.search_stts.sttsavailable {
    margin-top: 0;
}
.infowin.infWinTyp3  ul li .n {
    font-size: 14px !important;
    margin-left: 5px !important;
}
.infWinTyp3 h6.search_stts.sttsavailable,.infWinTyp4 h6.search_stts.sttsavailable {
    padding-left: 5px;
}
.infowin.infWinTyp3  > ul> li,.infowin.infWinTyp4  > ul> li {
    padding: 0px 7px !important;
}
.infowin.infWinTyp3  > ul> li.winTop,.infowin.infWinTyp4  > ul> li.winTop {
    padding: 0px !important;
}
.infWinTyp3.more_details_info a,.infWinTyp4.more_details_info a {
    font-size: 12px;
}
.infWinTyp3 span.rightMoreBtn,.infWinTyp4 span.rightMoreBtn {
    float: right !important;
    margin: 0;
}
span.more_details_info.infWinTyp3,span.more_details_info.infWinTyp4 {
    padding: 0 7px !important;
    display: block;
}
.infoBubble .infowin{
    overflow: hidden !important;
}
.infoBubble > button {
    background-image: url(/Resources/IMG/close.png) !important;
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    padding: 5px;
    opacity: 1 !important;
    border-radius: 100px;
    width: 25px !important;
    height: 25px !important;
    background-size: 100% 100%;
    background-color: transparent !important;
}
.infowin ul.nav li {
    width: 26px;
    height: 26px;
    text-align: center;
    margin-right: 4px;
    padding: 3px;
    border-radius: 3px;
}
.infowin ul.nav li.active {
    background: #eee;
}
.infowin ul.nav li img {
    width: auto;
    height: 17px;
}
.infowin .tabbable.clearfix {
    display: inline-block;
    float: left;
}
.infoBubble .infowin.infWinTyp3 > ul> li.sp, .infoBubble .infowin.infWinTyp4 > ul> li.sp {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
}
.infoBubble .tabbable {
    padding: 0 7px;
    margin-bottom: 5px;
}
.infoBubble .tabbable .tab-content {
    background: #eee;
    border-radius: 0 !important;
    border: none !important;
    padding: 5px 5px;
}
.infoBubble ul.nav.nav-tabs {
    border: none;
}
.infowin.infWinTyp3 ul .sp,.infowin.infWinTyp4 ul .sp {
    font-size: 10px;
}
.infowin.infWinTyp3 ul,.infowin.infWinTyp4 ul {
    display: block !important;
}
.infowin.infWinTyp3 ul h3, .infowin.infWinTyp4 ul h3 {
    font-size: 14px;
    margin: 0;
    color: #4283fc;
    margin-top: 2px;
}
.infowin.infWinTyp3 ul span.destination {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 11px;
}
.infowin.infWinTyp3 ul span.tabStyleETA a, .infowin.infWinTyp4 ul span.tabStyleETA a {
    float: right;
    color: green;
    margin-right: 3px;
    text-decoration: none !important;

}
.infowin.infWinTyp3 ul li.etaAnchor, .infowin.infWinTyp4 ul li.etaAnchor  {
    width: 40px;
    margin-right: 0;

}




.infWinTyp3.poiInfoWin .tabbable, .infWinTyp4.poiInfoWin .tabbable {
    display: none;
}
.infWinTyp3 .userList, .infWinTyp4 .userList {
    padding: 0 7px;
    background: #eee;
    border-radius: 0 !important;
}
.infWinTyp3 .rchUser button, .infWinTyp4 .rchUser button {
    background: #eee;
    padding: 0;
}
.infWinTyp3 .userList h6,.infWinTyp4 .userList h6 {
    background: #eee;
    color: #5C5C5C;
    padding-bottom: 0;
    margin-bottom: 3px;
}

.infWinTyp0 .userList h6, .infWinTyp1 .userList h6, .infWinTyp3 .userList h6, .infWinTyp4 .userList h6 {
    background: transparent;
    color: #5C5C5C;
    padding: 0;
    text-align: center;
    margin: 2px 0;
    float: left;
}
.infWinTyp0 .userList h6 span, .infWinTyp1 .userList h6 span {
    display: none;
}
.infWinTyp0 .userList ol, .infWinTyp1 .userList ol, .infWinTyp3 .userList ol, .infWinTyp4 .userList ol {
    padding: 0;
    list-style: none;
    margin: 0;
}
.infWinTyp0 .userList ol li, .infWinTyp1 .userList ol li , .infWinTyp3 .userList ol li, .infWinTyp4 .userList ol li {
    display: list-item !important;
    margin-bottom: 0;
}
.infWinTyp0 .userList li.more_details_info , .infWinTyp1 .userList  li.more_details_info {
    margin: 0 !important;
}
.infWinTyp0 .userList ol li.more_details_info a , .infWinTyp1 .userList ol li.more_details_info a {
    padding: 2px 0;
    font-size: 10px;
    margin-bottom: 5px;
}
.infWinTyp0 .advanceETABTN , .infWinTyp1 .advanceETABTN, .infWinTyp3 .advanceETABTN, .infWinTyp4 .advanceETABTN {
    display: none;
}
.infWinTyp0 .rchUser button, .infWinTyp1 .rchUser button {
    font-size: 10px;
    padding: 0;
}
a.refreshPOIEta{
    margin-left: 5px;
}
a.refreshPOIEta i {
    color: green;
}
.infWinTyp0 .rchUser span:nth-child(2),.infWinTyp1 .rchUser span:nth-child(2),.infWinTyp3 .rchUser span:nth-child(2),.infWinTyp4 .rchUser span:nth-child(2) {
    float: right;
}
.infWinTyp2 a.refreshPOIEta {
    display: none;
}
.infWinTyp1 li.more_details_info.advanceETABTN.clearfix,.infWinTyp0 li.more_details_info.advanceETABTN.clearfix,.infWinTyp3 li.more_details_info.advanceETABTN.clearfix,.infWinTyp4 li.more_details_info.advanceETABTN.clearfix{
    display: none !important;
}
.hideall #fSearch .search_tabs{
    display: none !important;
}
.tabbable h3 {
    font-size: 14px;
    margin: 0;
    margin-top: 3px;
    color: #2c87f3;
}

.infowin.infWinTyp4 > ul> li.sp.inline-left {
    float: left;
    margin-left: 10px !important;
    min-width: 44%;
    margin-top: 5px !important;
}
.infowin.infWinTyp4 > ul> li.inline-right.sp {
    float: left;
    max-width: 45%;
    margin-left: 10px !important;
    margin-top: 5px !important;
}
.infWinTyp4 .tabbable {
    display: block;
    float: left;
    border-radius: 3px !important;
    margin-left: 10px;
    clear: both;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.infWinTyp4 ul> li > img {
    height: 13px;
    width: 14px;
    margin-right: 5px;
    margin-top: -4px;
}
.infowin.infWinTyp4 ul .sp {
    font-size: 11px;
}
.infowin.infWinTyp4 ul .sp i {
    color: #2c87f3;
    font-size: 15px;
    margin-right: 5px;
}
.infowin.infWinTyp4 li.winTop {
    border-bottom: 1px solid #E7E7E7;
}
.infowin.infWinTyp4 .tabbable {
    margin-top: 8px;
    background: #E7E7E7;
}
.infowin.infWinTyp4 .drButtons {
    display: block;
    float: left;
    width: 100%;
}
.infWinTyp4 h6.search_stts.sttsavailable {
    padding-left: 10px;
}
.infWinTyp4 span.destination {
    font-size: 11px;
}
.infWinTyp4.more_details_info a {
    width: auto !important;
    padding: 0;
    border: none;
    border-radius: 0;
    font-family: Roboto-regular;
    color: #80B4FF;
}
.infWinTyp4 span.aprxTime {
    float: left;
    font-size: 11px;
    color: #5C5C5C !important;
}
.infWinTyp4 span.tabStyleETA > span > span {
    float: left;
    margin-right: 3px;
    color: #0089f2;
}
.infWinTyp4 .tabStyleETA a {
    padding: 0px 3px;
    border: 1px solid;
    border-radius: 13px;
    font-size: 9px;
    margin-top: 3px;
    line-height: 15px;
    margin-right: -3px !important;
}
.infWinTyp4 .more_details_info a {
    color: #80B4FF;
}
.infWinTyp4 span.tabStyleETA {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-top: 4px;
    border-top: 1px solid #fff;
}
.infWinTyp4.poi+li {
    list-style: none;
    margin-top: 5px;
}
.infowin.infWinTyp4.poiInfoWin > ul> li.winTop {
    margin-bottom: 0;
}



body.controlMobile #fSearch .input-group-btn {
    display: none;
}
body.map.controlMobile input#txtTrackerId {
    font-size: 13px;
}
.infWinTyp4 + li {
    list-style: none;
}
.allPOIETA {
    display: block;
    float: left;
    width: 100%;
    padding: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: center;
}
.allPOIETA .nextStopEta {
    margin-top: 5px;
    background: #E7E7E7;
}
.allPOIETA .nextStopEta {
    margin-top: 6px;
    background: #E7E7E7;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 2px;
}
.allPOIETA .nextStopEta span:last-child {
    float: right;
}

.allPOIETA span.alignLeft {
    float: left;
}
.allPOIETA span.alignRight {
    float: right;
}
.allPOIETA span.alignCenter a {
    padding-left: 20px;
    padding-right: 20px;
}
.infWinTyp0 .allPOIETA span.alignCenter a {
    padding-left: 15px;
    padding-right: 15px;
}
.infWinTyp1 .allPOIETA span.alignCenter a {
    padding-left: 15px;
    padding-right: 15px;
}
a.inactivePPOI {
    color: #ccc !important;
    cursor: default;
}
a.inactivePPOI:hover {
    color: #ccc;
}
.infowin.infWinTyp3 span.tabStyleETA > span {
    display: inline-block;
    width: 65%;
    float: left;
}
.infowin.infWinTyp3 span.tabStyleETA {
    display: block;
    clear: both;
}
.infowin.infWinTyp3 span.tabStyleETA > span+span {
    display: inline-block;
    width: 34%;
    float: right;
}
.infowin.infWinTyp3 span.tabStyleETA .allPOIETA {
    line-height: 9px;
    border-top: 1px solid #e2dede;
    border-radius: 0 !important;
    margin-top: 5px;
    padding-top: 6px !important;
}
.infowin.infWinTyp3 span.tabStyleETA .allPOIETA span.alignCenter a {
    padding-left: 15px;
    padding-right: 15px;
    float: none !important;

}
.infowin.infWinTyp3 span.tabStyleETA {
    display: table;
    clear: both;
}
.infWinTyp1 span.ClassicNameTime {
    width: 100%;
    display: block;
}
.infWinTyp1 span.ClassicNameTime span.classicName {
    display: inline-block;
    float: left;
}
.infWinTyp1 span.ClassicNameTime span.classicName + span {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
}
.infowin.infWinTyp2 ul {
    list-style-type: none;
    padding: 10px !important;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    /* width: 90%; */
}
div#infowin.infWinTyp1 {
    margin: 5px !important;
}
.infoBubble div {
    padding: 0 !important;
}
.infoBubble .infWinTyp3 div, .infoBubble .infWinTyp4 div {
    padding: 5px !important;
}
div#infowin.infWinTyp0 {
    padding: 5px !important;
    padding-bottom: 0 !important;
}
.infoPoly {
    display: block;
    overflow: hidden;
    margin: 5px !important;
    font-size: 10px;
}
.infoPoly span {
    color: #4285F4;
    font-weight: 500 !important;
}
.infWinTyp1 li.more_details_info.infWinTyp1 {
    width: 140px !important;
    clear: both;
    position: relative;
}
.infWinTyp0 li.more_details_info.infWinTyp0 {
    width: 115px !important;
}
.infWinTyp0 .infowin h6.search_stts {
    margin-left: 0px;
}
.lastSeenMarker .more_details_info a {
    width: auto !important;
    margin: 0;
    border: none;
    float: none !important;
    text-align: center !important;
    text-transform: uppercase;
    font-size: 10px !important;
    padding: 6px;
}
.lastSeenMarker li.more_details_info.infWinTyp99 {
    text-align: center;
}
.lastSeenMarker li {
    margin: 0 !important;
}
.lastSeenMarker .img {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    padding: 6px !important;
    display: block;
    clear: both;
    padding-top: 10px !important;
}

.infWinTyp99.lastSeenMarker > ul> li.lastSeenTime {
    background: #A0575F;
    color: #fff !important;
    padding-left: 10px !important;
    display: block;
    clear: both;
    position: relative;
    padding-right: 10px !important;
    margin-bottom: 5px !important;
    min-width: 155px;
}
.infWinTyp99.lastSeenMarker span.lsTime {
    float: right;
}
.infWinTyp99.lastSeenMarker ul li .n {
    margin: 0;
}
.infWinTyp4 li.sp.drButtons {
    list-style: none;
}
/*.lastSeenMarker .img {*/
    /*margin-bottom: 0;*/
    /*text-align: center;*/
    /*width: 100%;*/
    /*padding: 6px !important;*/
    /*display: block;*/
    /*clear: both;*/
/*}*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 768px){
    a.remove_saved_button {
        margin-left: -11px;
    }
}
@media screen and (max-width: 600px){
.topright_panel {
    width: 100% !important;
    top: 0 !important;
    height: 93vh !important;
    border: none !important;
}
/*.gm-style > button + div {
    bottom: 0px !important;
    width: 40px !important;
    right: 10px !important;
}*/
body.map form#fSearch .btn {
    right: 20px;
}
.ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
    margin-top: -90px !important;
    border: none !important;
    max-width: 250px;
    width: 250px !important;
    left: 25%;
}

}
@media (min-width: 541px){
    .main footer {
        height: 7vh;
    }
    div#mapholder {
        height: 93vh !important;
        z-index: -1;
    }
    .search_text p {
        font-size: 12px;
    }
    .buttons_opt .no-margin span > span {
        font-size: 12px;
    }
    .search_second_screen div#h1Pre {
        font-size: 18px;
    }
    div#dSPre.search_preview {
        height: 86vh !important;
        max-height: 86vh !important;
        margin-bottom: 40px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 480px){
    .topright_panel {
        width: 100% !important;
        top: 0 !important;
        height: 90vh !important;
        border: none !important;
    }
    input#txtTrackerId {
        margin: 10px;
        width: 95% !important;
        max-width: 95% !important;
    }
}
@media (max-width: 400px){
    input#txtTrackerId {
        margin: 10px;
        width: 94.5% !important;
        max-width: 94.5% !important;
    }
}
@media (max-width: 360px){
    input#txtTrackerId {
        margin: 10px;
        width: 94.5% !important;
        max-width: 94.5% !important;
    }
}
@media (max-width: 340px){
    input#txtTrackerId {
        margin: 10px;
        width: 94% !important;
        max-width: 94% !important;
    }
}

@media screen and (max-height: 460px) {
    .gm-style > button + div {
        bottom: 3vh !important;
    }
    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom + .gmnoprint.gm-style-mtc {
        top: 100px !important;
        left: 0;
        width: 40px !important;
    }


}
@media screen and (max-height: 400px) {
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        left: 17%;
    }
}
@media screen and (max-height: 360px) {
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        left: 0 !important;
    }
}
@media (max-width: 820px) and (max-height:460px){
    .site-thunb img {
        width: 60px;
    }
    .modal-dialog {
        margin: 0;
    }
    .popup p {
        margin: 4px auto;
    }
    .popup span {
        font-size: 12px;
    }
    .main footer {
        height: 50px;
    }
    .modal-body {
        position: relative;
        padding: 0 15px;
    }
    .popup .modal-content {
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .site-thunb {
        position: absolute;
        top: -37px;
        z-index: 99999;
        left: 40%;
    }
    .popup a.btn.btn-primary {
        margin-bottom: 10px;
    }
    .popup a.btn {
        font-size: 15px;
        width: 70% !important;
    }
    .popup p {
        font-size: 13px;
    }
    .popup button.close span {
        left: 8px;
        font-size: 17px;
    }
    #dNotificationBar {
        position: absolute;
        margin-top: 0;
        top: 0;
        right: 0;
        padding: 0px 0px 15px 0px;
        text-align: center;
        width: 100%;
        min-height: 300px;
        height: 75%;
        background-color: #ffffff;
        overflow-y: auto;
        border: solid 0px red;
    }
    #status {
        z-index: 99999999999999;
    }
    body.map form#fSearch .btn {
        right: 25px;
    }
    input#txtTrackerId {
        width: 97% !important;
    }
    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom + .gmnoprint.gm-style-mtc {
        top: 60px !important;
    }
    button#stopTrackingToggle {
        bottom: 60px;
    }
    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom + .gmnoprint.gm-style-mtc {
        top: 65px !important;
        left: 110px !important;
        margin-left: 0 !important;
    }
    .gmnoprint.gm-style-cc + button + div {
        bottom: auto !important;
        top: 65px !important;
        right: auto !important;
        left: 10px;
        height: 40px;
        width: 40px;
    }
    button#trafficToggle {
        top: 65px;
        left: 110px;
    }
    .gmnoprint:last-child > div:last-child {
        top: 0px !important;
        left: 50px !important;
        right: auto !important;
        padding: 0 !important;
    }
    .gmnoprint:last-child > div:last-child > div:first-child {
        margin: 0 !important;
    }
    .gmnoprint:last-child div:last-child div:nth-last-child(2) {
        margin: -40px !important;
        display: inline-block !important;
        float: right;
        margin-right: -100px !important;
    }
    .gmnoprint:last-child div:last-child div:nth-last-child(3) {
        margin: -40px !important;
        display: inline-block !important;
        float: right;
        margin-right: -50px !important;
    }
    .gmnoprint:last-child div:last-child div:last-child {
        margin: -40px !important;
        display: inline-block !important;
        float: right;
        margin-right: -150px !important;
    }
    .menu {
        margin: 0 !important;
        padding: 0 !important;
        position: fixed;
        right: 10px;
        bottom: auto;
        top: 65px;
    }
    .main footer {
        height: 50px !important;
    }
    #fSearch #search_screen li:last-child {
        margin-bottom: 160px !important;
    }
    .gmnoprint.gm-style-cc + button {
        left: 60px;
        top: 65px !important;
    }
    #fullScreenBtn {
        top: 65px !important;
        margin-right: 0 !important;
        left: 60px;
    }
    .hideall.fullScreen .menu {
        bottom: auto;
        top: 20px;
    }
    .hideall.fullScreen #fullScreenBtn {
        top: 20px !important;
        left: 60px;
    }
    .hideall.fullScreen .gmnoprint.gm-style-cc + button + div {
        bottom: auto !important;
        top: 20px !important;
    }
    .hideall.fullScreen div#mapholder {
        height: 100vh !important;
    }
}
@media only screen
    and (device-width : 375px)
    and (device-height : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        .main footer {
          height: 8vh;
        }
        div#mapholder {
            height: 92vh !important;
            z-index: -1;
        }
        .search_show ul {
            max-height: 74vh !important;
            overflow-y: auto;
            padding: 0;
        }
        .topright_panel {
            width: 100% !important;
            height: 92vh !important;
        }
        .topright_panel {
            width: 100% !important;
            height: 94vh !important;
        }
    }



@media screen and (max-height: 1200px) {
    .main footer {
        height: 7vh;
    }
    div#mapholder {
        height: 93vh !important;
    }
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        margin-top: -9vh !important;
    }
}
@media screen and (max-height: 1001px) {
    .main footer {
        height: 7vh;
    }
    div#mapholder {
        height: 93vh !important;
    }
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        margin-top: -8vh !important;
    }
}
@media screen and (max-height: 900px) {
    .main footer {
        height: 6vh;
    }
    div#mapholder {
        height: 93vh !important;
    }
}
@media screen and (max-height: 800px) {
    .main footer {
        height: 7vh;
    }
    div#mapholder {
        height: 93vh !important;
    }
    .search_show ul {
        max-height: 72vh !important;
    }
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        margin-top: -7vh !important;
    }
}
@media screen and (max-height: 700px) {
    .main footer {
        height: 8vh;
    }
    div#mapholder {
        height: 92vh !important;
    }
    .search_show ul {
        max-height: 70vh !important;
    }
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        margin-top: -6vh !important;
    }
}
@media screen and (max-height: 650px) {
    .main footer {
        height: 9vh;
    }
    div#mapholder {
        height: 91vh !important;
    }
    .search_show ul {
        max-height: 68vh !important;
    }
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        margin-top: -5.5vh !important;
    }
}
@media screen and (max-height: 600px) {
    .main footer {
        height: 10vh;
    }
    div#mapholder {
        height: 90vh !important;
    }
    .search_show ul {
        max-height: 65vh !important;
    }
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        margin-top: -5vh !important;
    }
}
@media screen and (max-height: 550px) {
    .main footer {
        height: 10vh;
    }
    div#mapholder {
        height: 90vh !important;
    }
    .search_show ul {
        max-height: 65vh !important;
    }
    .ui-pnotify.stack-bottomright.ui-pnotify-fade-normal.ui-pnotify-in.ui-pnotify-fade-in.ui-pnotify-move {
        margin-top: -4vh !important;
    }
}
div#dLoginYes {
    display: none !important;
}
ul.search_results_opt::-webkit-scrollbar {
    width: 0;
    background: transparent !important;
}
#fSearch #search_screen li.save-tab {
    border-radius: 3px !important;
    margin-right: 6px;
    margin-left: 6px;
}

/*------------Ipone X---------*/
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
    .gmnoprint.gm-style-cc + button + div {
        top: 110px !important;
    }
    #fullScreenBtn {
        top: 160px !important;
    }
    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom + .gmnoprint.gm-style-mtc {
        top: 110px !important;
    }

}
/*------------Controls in QueryString-----------------*/
body.hideControl1 a#stopTrkngMpBtn.nomargin.stopmap {
    display: none !important;
}
body.hideControl2 a.nomargin.refreshmap, body.hideControl2 a#stopTrkngMpBtn.nomargin.stopmap {
    display: none !important;
}
body.hideControl3 a.nomargin.refreshmap, body.hideControl3 a#stopTrkngMpBtn.nomargin.stopmap, body.hideControl3 a.nomargin.zoommap {
    display: none !important;
}
body.hideControl4 a.nomargin.refreshmap, body.hideControl4 a#stopTrkngMpBtn.nomargin.stopmap, body.hideControl4 a.nomargin.zoommap, body.hideControl4 .gm-style > button + div >button {
    display: none !important;
}
body.hideControl5 a.nomargin.refreshmap, body.hideControl5 a#stopTrkngMpBtn.nomargin.stopmap, body.hideControl5 a.nomargin.zoommap, body.hideControl5 .gm-style > button + div >button, body.hideControl5 button#fullScreenBtn, body.hideControl5 .gmnoprint:last-child div:first-child {
    display: none !important;
}
.searchBar.sideButtonBars {
    padding: 0 !important;
}
.searchBar.sideButtonBars input {
    height: 30px !important;
    width: 200px !important;
}
.mapTypeSquareBtns {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid;
    margin-top: 3px;
}
.defaultMapType{
    background: url('/Resources/IMG/road-view-Icon.png') no-repeat scroll center center / 41px auto;
}
.satelliteMapType{
    background: url('/Resources/IMG/Satellite-view-Icon.png') no-repeat scroll center center / 41px auto;
}
.silverMapType{
    background: url('/Resources/IMG/graymap-view.png') no-repeat scroll center center / 41px auto;
}
.trafficMapType {
    background: url(/Resources/IMG/trafficIcon.png) no-repeat scroll center center;
    border: none;
}
.mapTypeSquareBtns{
    width: 25px;
    height: 25px;
}
/*-------- have to fix infowindow in future*/
/*span.search_title:before{*/
    /*display: none;*/
/*}span.search_title:after{*/
     /*display: none;*/
 /*}*/
/*span.search_title {*/
    /*border-radius: 5px !important;*/
/*}*/
/*.gm-style .gm-style-iw.gm-style-iw-c {*/
    /*padding-right: 10px !important;*/
    /*padding-bottom: 10px !important;*/
    /*padding-top: 20px !important;*/
/*}*/