.addrsModalNewItemForm {
    margin-top: 15px;
}

.addrsModalNewItemFormBox {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    padding: 20px;
}

.addrsModalNewItemFormBoxItem {
    padding: 10px;
    width: 50%;
}

.addrsModalNewItemFormBoxItem label {
    display: block;
    font-weight: normal;
}

.addrsModalNewItemFormBoxItem .lab {
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.addrsModalNewItemFormBoxItem .inp {
    display: block;
    margin-top: 5px;
}

.addrsModalNewItemFormBoxItem .inp input {
    width: 100%;
    font-size: 12px;
}

.addrsModalNewItemFormTitle {
    font-size: 18px;
    font-weight: bold;

    padding-left: 20px;
    padding-right: 20px;
}

.addrsModalNewItemFormBoxItem.submit {
    width: 100%;
}

.addrsModalNewItemFormBoxItem.submit button[type="submit"] {
    width: 100%;
}

.addrsModalCurrentRoutesListing {
    padding: 10px 20px;
}

.addrsModalCurrentRoutesListingTitle {
    font-size: 18px;
    font-weight: bold;
}

.addrsModalCurrentRoutesListingList1 {
    margin-top: 15px;
}

.addrsModalCurrentRoutesListingList1 tr:first-child td {
    font-weight: bold;
}

.addrsModalCurrentRoutesListingList1 td {
    padding: 5px 10px;
    font-size: 12px;
}

.addrsModalCurrentRoutesListingList1 td p {
    margin-bottom: 0;
}

.addrsModalNewItemFormBoxItem span.err {
    color: red;
    font-size: 12px;
    margin-top: 3px;
    display: none;
}

.addrsModalNewItemFormBoxItem span.err.act {
    display: block;
}

.createTravelList {
    margin-bottom: 30px;
}

.createTravelList.hidden {
    display: none;
}

.createTravelListTitle {
    font-size: 20px;
    font-weight: bold;
}

.createTravelListTitleForm {
    margin-top: 15px;
}

.createTravelListTitleForm > form {
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.createTravelListTitleFormItem {
    width: 50%;
    padding: 10px;
}

.createTravelListTitleFormItem label {
    font-weight: normal;
    margin: 0;
    width: 100%;
    position: relative;
}
.createTravelListTitleFormItem label span.day{
    position: absolute;
    bottom: 8px;
    left: 112px;
    font-size: 14px;
    font-weight: 600;
    color: #606060;
}

.createTravelListTitleFormItem label span.lab {
    display: block;
    font-size: 12px;
    font-weight: bolder;
    line-height: 1.1;
}

.createTravelListTitleFormItem label span.inp {
    display: block;
    margin-top: 10px;
    width: 100%;
}

.createTravelListTitleFormItem label span.inp input {
    width: 100%;
}

.createTravelListTitleFormSubmit {
    margin-top: 10px;
    width: 100%;
    padding: 0 10px;
}

.createTravelListTitleFormSubmit button[type="submit"] {
    width: 100%;
}

.createTravelListTitleFormItem span.err {
    color: red;
    font-size: 12px;
    margin-top: 3px;
    display: none;
}

.createTravelListTitleFormItem span.err.act {
    display: block;
}

.indexPageBoxLine1 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.indexPageBoxLine1Left {
    width: 50%;
    padding-right: 30px;
}

.indexPageBoxLine1Right {
    width: 50%;
    padding-left: 30px;
    border-left: 1px solid #ececec;
}


.indexCurrentRoutesTitle {
    font-size: 18px;
}
.indexCurrentRoutesTitle b{
    font-weight: bold;
}

.indexCurrentRoutesListing {
    margin-top: 10px;
}

.indexCurrentRoutesListing tr.hidden {
    display: none;
}

.indexCurrentRoutes td {
    font-size: 12px;
    padding: 5px 10px;
    position: relative;
}
.indexCurrentRoutes tr.inFavorite td{
    background-color: #ffefc2;
}
.indexCurrentRoutes .firstItem td{
    border-top-style:dotted;
    border-top-width: 2px;
    border-top-color:#000;
}
.indexCurrentRoutes .firstItem:nth-child(2) td{
    border-top-width: 1px;
    border-top-style: solid;
}
.indexCurrentRoutes .bold-line td{
    border-top-width: 2px;
    border-top-color:#000;
    border-top-style: solid;
}


.indexCurrentRoutes tr:first-child td {
    font-weight: bold;
}

.indexPageBoxLine1CurrentTravelListTitle {
    font-size: 16px;
    font-weight: bold;
}

.indexPageBoxLine1CurrentTravelListTable {
    margin-top: 15px;
}

.indexPageBoxLine1CurrentTravelListTable td {
    font-size: 12px;
    padding: 5px 10px;
}

.indexPageBoxLine1CurrentTravelListTable tr:first-child td {
    font-weight: bold;
}

.addrsModalCurrentRoutesListingBox .alert {
    margin-top: 10px;
}

.container {
    max-width: 1200px;
}

#indexPageCurrentRoutesForm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

#indexPageCurrentRoutesForm input {
    width: 40%;
    height: 30px;
    font-size: 12px;
}

#indexPageCurrentRoutesForm select {
    width: 30%;
    height: 30px;
    font-size: 12px;
}

h1 {
    font-size: 25px;
}

.indexPageBoxLine1CurrentTravelListActions {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}


.addrsModalCurrentRoutesListingList1 .dots-box {
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
}

.addrsModalCurrentRoutesListingList1 .dots-box a.favorite{
    display: flex;
    position: absolute;
    top: -3px;
    left: -5px;
    z-index: 10;
    width: 27px;
    padding: 5px;
    opacity: .8;
}
.addrsModalCurrentRoutesListingList1 .dots-box a.favorite:hover{
    opacity: 1;
}
.addrsModalCurrentRoutesListingList1 .dots-box a.favorite.inFavorite{
    opacity: 1 !important;
}
.addrsModalCurrentRoutesListingList1 .dots-box a.favorite.inFavorite path{
    fill:#ffbd00;
}
.addrsModalCurrentRoutesListingList1 .dots-box a.favorite svg{
    width: 100%;
    height: 100%;
}
.addrsModalCurrentRoutesListingList1 .dots-box a.favorite path{
    fill:gray;
}

.addrsModalCurrentRoutesListingList1 .dots-box .remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    z-index: 10;
}

.addrsModalCurrentRoutesListingList1 .dots-box .remove img {
    width: 100%;
    color: #cb0000;
}

.indexPageBoxLine1CurrentTravelListTableDistanceTd {
    position: relative;
}

.indexPageBoxLine1CurrentTravelListTableDistanceTd .removeRouteFromTravelList {
    position: absolute;
    top: -2px;
    right: -7px;
    width: 20px;
    z-index: 10;
}

.indexPageBoxLine1CurrentTravelListTableDistanceTd .removeRouteFromTravelList img {
    width: 100%;
    color: #cb0000;
}


.profilePageForm {
    margin-top: 20px;
}

.profilePageFormBox {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.profilePageFormItem {
    padding: 10px;
    width: 33.33%;
}

.profilePageFormItem label {
    display: block;
    font-weight: normal;
}

.profilePageFormItem .lab {
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.profilePageFormItem .inp {
    display: block;
    margin-top: 5px;
}

.profilePageFormItem .inp input {
    width: 100%;
    font-size: 12px;
}

.profilePageFormBoxSubmitBtn {
    margin-top: 10px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.profilePageFormItem span.err {
    color: red;
    font-size: 12px;
    margin-top: 3px;
    display: none;
}

.profilePageFormItem span.err.act {
    display: block;
}

.indexCurrentListEditForm {
    margin-left: -10px;
    margin-right: -10px;
}

.indexCurrentListEditForm > #editTravelListForm {
    display: flex;
    flex-wrap: wrap;
}

.header1 {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}

.currentTravelList p {
    margin-bottom: 10px;
    font-size: 14px;
}

.leftSideBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    border-right: 2px solid #ececec;
    transform: translateX(-100%);
    transition: all 0.1s 0s linear;
}

.leftSideBarCurrentTravelListsTitleListingItemDate {
    font-size: 14px;
    font-weight: bold;
}

.leftSideBarCurrentTravelListsTitle {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.leftSideBarCurrentTravelLists {
    padding: 20px 0;
}

.leftSideBarCurrentTravelListsTitleListing {
    margin-top: 25px;
}

.leftSideBarCurrentTravelListsTitleListingItem {
    padding: 15px 20px;
    border-top: 1px solid #ececec;
    transition: all 0.2s 0s linear;
    cursor: pointer;
    position: relative;
}
.leftSideBarCurrentTravelListsTitleListingItem>a.export,
.leftSideBarCurrentTravelListsTitleListingItem>a.dublicate{
    position: absolute;
    bottom:2px;
    right:5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition:all 0.1s 0s linear;
}
.leftSideBarCurrentTravelListsTitleListingItem>a.dublicate{
    bottom:34px;
}
.leftSideBarCurrentTravelListsTitleListingItem:hover>a.export,
.leftSideBarCurrentTravelListsTitleListingItem:hover>a.dublicate{
    opacity: 1;
}
.leftSideBarCurrentTravelListsTitleListingItem a.export:hover,
.leftSideBarCurrentTravelListsTitleListingItem a.dublicate:hover{
    transform: scale(1.10);
}
.leftSideBarCurrentTravelListsTitleListingItem>a.export img{
    max-width: 20px;
}
.leftSideBarCurrentTravelListsTitleListingItem>a.dublicate img{
    max-width: 18px;
}



.leftSideBarCurrentTravelListsTitleListingItemCreated {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #535252;
    font-size: 10px;
}

.leftSideBarCurrentTravelListsTitleListingItemDate {
    display: flex;
    align-items: center;
}

.leftSideBarCurrentTravelListsTitleListingItemDate span.status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
}

.leftSideBarCurrentTravelListsTitleListingItemDate span.status_0 {
    background-color: orange;
}

.leftSideBarCurrentTravelListsTitleListingItemDate span.status_1 {
    background-color: green;
}

.leftSideBarCurrentTravelListsTitleListingItemDate span.status_2 {
    background-color: red;
}

.leftSideBarCurrentTravelListsTitleListingItem:hover {
    background-color: rgba(134, 192, 255, 0.64);
}

.leftSideBarCurrentTravelListsTitleListingItem.active,
.leftSideBarCurrentTravelListsTitleListingItem.active:hover {
    background-color: #dafbda;
}

.leftSideBarCurrentTravelListsTitleListingItem:first-child {
    border-top: none;
}

.leftSideBarCurrentTravelListsTitleListingItemText1 {
    font-size: 12px;
}

.leftSideBarCurrentTravelListsTitleListingItemText2 {
    font-size: 12px;
}

.leftSideBarCurrentTravelListsTitleListingItemText3 {
    font-size: 12px;
}

.open-left-sidebar {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateX(-52px) translateY(-50%) rotate(90deg);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body.open-left-sidebar-state .open-left-sidebar {
    display: none;
}

body.open-left-sidebar-state .leftSideBar {
    transform: translateX(0);
}

body {
    transition: padding 0.1s 0s linear;
}

body.open-left-sidebar-state {
    padding-left: 300px;
}
.leftSideBarCurrentTravelListsTitleListing .alert{
    padding:10px 20px;
    font-size: 14px;
}
.leftSideBarCurrentTravelListsFilter{
    margin-top: 10px;
    display: flex;
    padding: 0 10px;
}
.leftSideBarCurrentTravelListsFilterItem{
    width: 50%;
    padding: 0 5px;
}
.leftSideBarCurrentTravelListsFilterItem label{
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    display: block;
    margin-bottom: 2px;
}
.leftSideBarCurrentTravelListsFilterItem select{
    height: 30px;
    padding: 0 5px;
    font-size: 12px;

}
.leftSideBarCurrentTravelListsTitleListingNewListBtn{
    margin-top: 20px;
}
.indexPageCurrentRoutesToggleFromDot{
    margin-top: 10px;
    margin-bottom: 15px;
}
.indexPageCurrentRoutesToggleFromDot *{
    user-select: none;
}
.indexPageCurrentRoutesToggleFromDot label{
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}
.indexPageCurrentRoutesToggleFromDot label input{
    margin: 0;
}
.indexPageCurrentRoutesToggleFromDot label span{
    margin-left: 5px;
    font-size: 12px;
    line-height: 1;
}
.gsmModalContent{
    padding:20px 20px;
}
.gsmModalContentTitle{
    font-size: 20px;
    text-align: center;
    font-weight: 500;
}
.gsmModalContentBoxTable{
    margin-top: 20px;
}
.gsmModalContentBoxTable td{
    padding: 5px 10px;
    font-size: 12px;
    vertical-align: middle;
}
.gsmModalContentBoxTable td:nth-child(2){
    width: 100%;
}
.gsmModalContentBoxTable tr:first-child td{
    font-weight: bold;
}
.leftSideBarCurrentTravelListsTitleListingItemDate span.targetDate{
    position: relative;
}
.leftSideBarCurrentTravelListsTitleListingItemDate span.targetDate svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
    width: 17px;
    height: 20px;
}
.leftSideBarCurrentTravelListsTitleListingItemDate span.targetDate svg path{
    stroke:red;
}