* {
     font-family:"Figtree", sans-serif;
}
/***********css for header*********/

.mainChooseIcon, .findTruckVinette, .menuIcon, .loginIcon {
    filter: none!important;
    margin-bottom: 0px;
}
/* .mainChoise {
     margin-left: 15px;
     margin-right: 15px;
     display: inline;
     padding-top: 5px;
     height: 75px;
     max-width: 240px;
     width: 25%;
     text-align: center;
     transition: width,background,0.1s,0.2s;
     transition-timing-function: ease-in;
     transition-delay: .1s;
     color: #fff;
     font-weight: 500;
     font-size: 14px;
     background: #1D1B1D;
}
 .secondaryMainChoise{
     margin-left:15px;
     margin-right:15px;
     display: inline;
     padding-top: 30px;
     height: 70px;
     max-width:240px;
     width: 20%;
     text-align: center;
     transition: width, background, 0.1s, 0.2s;
     transition-timing-function: ease-in;
     transition-delay: 0.1s;
     color: #ffffff;
     font-weight:500;
     font-size:14px;
     background: #D55713;
}
 .secondaryMainChoise:hover{
     color:#ffffff;
     background: #565656;
     transition: background, color, 0.1s;
     transition-timing-function: ease-in;
     cursor: pointer;
}
 .secondaryChoiseContainer {
     width: 100%;
     min-width: 830px;
     padding-bottom: 55px;
     height: 70px;
     position: relative;
     left: 0;
     top: 0;
     padding: 0!important;
     display: flex;
     font-size: 13px;
     background: #d55713;
     right: 0;
     margin-top: 0;
}*/
 #sellPoints{
     background: #565656;
}

 #mainSallerBlock{
     position: relative;
}
 #infoCubeIdName{
     display:inline-block;
     background:#002633;
     width:150px;
     height:150px;
     color:white;
     font-size:24px;
     box-shadow: 0px 0px 20px #888888!important;
     padding:20px;
     text-align: center;
     vertical-align: top;
     margin-top: 42px;
     margin-left: 35px;
     margin-bottom: 25px;
     position: absolute;
}
#simpleInfoCubeInfo{
	display:none;
}
 .fullSellerInfo {
     width: 100%;
     /*height:30px;*/
     display: flex;
     color: #353535 ;
     font-size:14px;
     margin-bottom:-1px;
     padding-top:6px;
     border: #b7b7b7 1px solid;
     background: #ffffff;
     transition: background 0.4s;
     padding-bottom :5px;
}
 .fullSellerInfo:hover {
     background: #d55713;
     color:#ffffff;
     cursor:pointer;
}
 .sellingPoint{
     color:#1D1B1D;
     /*max-width:575px;*/
     width:100%;
     /*margin-left:10px;*/
     margin-top: 5px;
     background-color: #ffffff;
}
 .dropdown a:hover {
     background-color: #c6beb6 
}
 .dropdown{
     display:inline-block;
}
 #dropdownText{
     width: 138px;
     text-align: right;
}
 #dropdownSellerField, #dropdownRoadField, #dropdownCityField{
     padding: 3px;
     border-top: none;
     border-left:none;
     border-right:none;
     border-bottom:2px #1D1B1D solid;
     transition: border 0.3s;
     width:350px;
     background: #f7f7f7;
     height: 30px;
     margin-top: 25px;
     border-radius: 0px 0px 6px 0px;
}
 #dropdownSellerField:focus, #dropdownRoadField:focus, #dropdownCityField:focus{
     outline:0;
     border-bottom:solid 2px #1D1B1D!important;
     background:#fefefe;
}
 .dropbtn{
 	 cursor:pointer;
     border:none;
     background: url("/javax.faces.resource/arrowGreySmall.png.xhtml?ln=images") no-repeat scroll 0 0 transparent;
     margin-left:-30px;
}
 .dropbtn:hover{
     opacity:0.6;
}
 .dropbtn:focus{
     opacity:0.1;
     border:none;
}
 .dropdownContent {
     display: none;
     position: absolute;
     background-color: #f9f9f9;
     min-width: 356px;
     overflow: auto;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
     margin-left:-360px;
     margin-top:1px;
     max-height:250px;
}
 .dropdownContent a {
     color: black;
     padding: 0px 15px;
     text-decoration: none;
     display: block;
     cursor:pointer;
     height:35px;
}
 .allSellersSearch{
    /* width:70%;
     background-color: #ffffff;
     padding-bottom:40px;
     padding-left:80px;
     display:inline-block;*/
}
 .allSellers{
     width:100%;
     display:none;
} 
/*search Buttttton */
/*****************************************/
 .searchBySellerLogo{
     width:110px;
     height:65px;
     display:inline-block;
     margin-left:7px;
     margin-right:7px;
     transition: opacity 0.4s;
}
 .searchBySellerLogo:hover{
     cursor:pointer;
}
 #searchBySellerCircle{
     background: url("documents/20143/0/circleKLogoSmall.png/8ef6de59-091b-3573-10b0-4bdfbccb38d5?t=1518175596702") no-repeat scroll 0 0 transparent;
     background-size: 110px;
}
 #searchBySellerBalticPetrol{
     background: url("documents/20143/0/balticPetroliumLogoSmall.png/0b4c5e06-76e5-dafd-ba00-ae506d57642e?t=1518175595976") no-repeat scroll 0 0 transparent;
     background-size: 110px;
     margin-bottom: -15px;
}
 #searchBySellerOrlen{
     background: url("documents/20143/0/OrlenLogoSmall.png/b7718135-b7a0-2b58-1bbd-90d50b23530b?t=1518175596526") no-repeat scroll 0 0 transparent;
     background-size: 110px;
     margin-bottom: -7px;
}
 #searchBySellerEmsi{
     background: url("documents/20143/0/EMSIlogoSmall.png/421b8ece-f779-9a05-a2f5-ae531ec59611?t=1518175596301") no-repeat scroll 0 0 transparent;
     background-size: 110px;
}
 #searchBySellerLukoil{
     background: url("documents/20143/0/viadaSmallNew.png/b51561ef-1669-9dc9-ca56-dac519915990?t=1519201823725") no-repeat scroll 0 0 transparent;
     background-size: 110px;
     margin-bottom:-5px;
}
 #searchBySellerMedBank{
     background: url("documents/20143/0/medbankSmallNew.png/8728ddc6-242c-2721-e3c5-c165a1bd7712?t=1519201824168") no-repeat scroll 0 0 transparent;
     background-size: 110px;
     margin-bottom:-8px;
}
 .searchBySellerLogoBlock{
     padding-left: 250px;
     padding-top:30px;
}
 #dropdownSellerFieldName, #dropdownRoadFieldName, #dropdownCityFieldName{
     margin-top: 25px;
     margin-left:7px;
     font-size:16px;
     position: absolute;
     /*cursor:pointer;*/
     width:250px;
     height:25px;
     text-align: left;
     transition: margin-top 0.5s;
     opacity:0.5;
}
 .allSearchBySellerLogo{
     border: solid 2px #EC6730;
     border-radius:4px;
     margin-bottom:25px;
}
 #searchBySellerLogoLable{
     font-weight: bold;
     font-size:15px;
     color: #EC6730;
     margin-top: -10px;
     margin-left: 15px;
     background-color: white;
     padding-left: 5px;
     padding-right: 5px;
     width:220px;
}
 .fullSellerInfo, .allSellersTableHeader{
    /* padding:5px;
     padding-left: 20px;
     margin-bottom:-6px;*/
}
 .fullSellerInfo:hover{
     background-color: #dddddd;
}
 .allSellersTableHeader{
     font-weight: bold;
}
 #sellPoints{
     background: #D55713;
}

@media screen and (max-width:1156px) {
	.allSellers{
    	width:100%;
        margin-left:0;
        margin-right:0;
	}
	.notVirtualSellers, .virtualSellers{
		width:120%!important;
		margin-left: -225px;
		margin-right:40px;
	}
}

 @media screen and (max-width:760px) {
     .portlet-content{
         padding:0px;
    }
     .allSearchBySellerLogo{
         width:96%; 
         margin-left:auto;
         margin-right:auto;
    }
     .mainChoiseContainer {
         min-width: 320px;
    }
     .searchBySellerLogo{
         width:27%;
         height:65px;
    }
     #searchBySellerCircle{
         background-size: 100%;
    }
     #searchBySellerBalticPetrol{
         background-size: 100px;
         margin-bottom: -15px;
    }
     #searchBySellerOrlen{
         background-size: 100%;
         margin-bottom: -7px;
    }
     #searchBySellerEmsi{
         background-size: 100%;
    }
     #searchBySellerLukoil{
         background-size: 100%;
    }
     #searchBySellerMedBank{
         background-size: 100%;
         margin-bottom:-8px;
    }
     #portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_snPXkR2rufgR .mainChoiseContainer{
         height: 50px;
    }
     #portlet_com_example_portlet_MainchoisemvcportletPortlet_INSTANCE_snPXkR2rufgR .mainChoise {
         height: 50px;
    }
     .logo {
         margin-left: 15px;
    }
     .mainChooseText{
         display: none;
    }
     #infoCubeIdName{
         display:none!important;
    }
    #simpleInfoCubeInfo{
    	display:block;
    	display: block;
    	margin-top: 15px;
    	margin-left: 10px;
    }
     #paidRoadsTable{
         margin: auto;
         padding:7px!important;
    }
     #theImg {
         min-width: 300px;
         width: 100%;
         margin-bottom: 30px;
    }
     body {
         min-width: 320px;
    }
    
     .mainChoiseContainer {
         min-width: 320px;
    }
     .mainChoiseContainer img {
        /* width:50%;*/
         max-width: 50px;
         margin-top:-3px!important;
    }
     .footerTexts{
         margin:10px;
    }
     .mainChoise {
         margin-left: 5px;
         margin-right: 5px;
    }
     .searchBySellerLogoBlock {
         padding-left: 0px;
    }
     .allSellers {
         width:100%;
         margin-left:0;
         margin-right:0;
    }
    .notVirtualSellers, .virtualSellers{
    	width:92%!important;
		margin-left: 20px!important;
	}

     .dropdownContent {
         margin-left: -275px;
         margin-top: 5px;
         min-width:270px;
    }
     #dropdownSellerField, #dropdownRoadField, #dropdownCityField , #dropdownSellerFieldName, #dropdownRoadFieldName, #dropdownCityFieldName {
         max-width: 270px;
         margin-left: 4%;
         margin-right: 0%;
    }
     .fullSellerInfo, .allSellersTableHeader{
         /*padding:5px;
         padding-left: 20px;
         margin-bottom:-6px;*/
         margin-left:auto;
         margin-right:auto;
         width:100%;
    }
    .fullSellerInfo {
         height:auto;
    }
     .allSellersSearch{
        /* width:92%;
         margin-left:4%;
         margin-right:4%;*/
    }
    .portlet-column-first{
    	display:none;
    }
}
 
 
 #sellingOnlyOnline {
    text-align: center;
}
.showSellersButton{
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	border: none;
	outline: none;
	transition: 0.4s;
	height:20px;
	text-allign:center;
}
.notVirtualSellers, .virtualSellers{
	display: table;
	margin-bottom:10px;
	width: 100%;
	margin-left: -225px;
}
.showSellersButton:hover{
	background-color: #ccc;
}
.sellersListArrowImage{
	float:right;
	display:inline-block;
}
#notVirtuaSellerlName, #virtuaSellerlName{
	float:left;
	display:inline-block;
	margin: 0px;
}