@import url("jquery-ui/jquery-ui.css");

body{
    margin:0px;
    padding:0px;
    background-color:#f9f9f9;
    font-family: 'Roboto', sans-serif;
}
html, body {
    height: 100%;
}
.wrapper {
    min-width: 1170px;
    min-height: 100%;
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    height: 100%;
    margin: 0 auto -300px; /* the bottom margin is the negative value of the footer's height */
}

/*BEGIN main header*/
.headerTopLine{
    background-color: #003173;
    height:5px;
}

.headerMiddleContainer{
    height:110px;
    background-color:#eaeaea;
    /*margin-bottom:4px;*/
}
.infoAndSearch{
    margin-right: 45px;
}
.headerMiddleContainer>.siteWidth{
    padding: 0px 20px;
    overflow: hidden;
    box-sizing: border-box;
}
.logoContainer>a{
    margin-top: 12px;
    display: block;
}
.langContainer{
    overflow: hidden;
    padding: 13px 0px;
}
.langContainer ul{
    margin:0px;
    padding:0px;
    list-style-type: none;
}
.langContainer ul li{
    float:left;
    text-decoration:none;
    color:#003173;
    font-size:14px;
    margin:0px 2px;
}
.langContainer ul li a{
    text-decoration:none;
    color:#003173;
    font-size:14px;
    font-weight: 900;
}
.langContainer ul li.active a{
    color:#969696;
}
.basket_btn a{
    background-image: URL("../img/icons/basket.png");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding:0px 50px 0px 22px;
    white-space: nowrap;
    background-color:#d9d9d9;
    border-radius:18px;
    display:block;
    height:38px;
    line-height:38px;
    text-decoration: none;
    color:#003173;
    font-size: 15px;
    font-weight: 900;
}
.basket_btn a.notEmpty{
    background-color: #ff9100;
    background-image: URL("../img/icons/basket-white2.png");
    color:white;
}
.basket_btn a.mobile{
    display:none;
}
.contactInformationContainer{
    padding: 13px 50px;
    text-align: right;
}
.contactInformationContainer>a{
    color:#003173;
    font-size:14px;
    margin-left:18px;
}
.searchContainerForm{
    display: inline-block;
    vertical-align: middle;
}
.socialIcons{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px;
    margin-top: 25px;
}
.searchContainerForm input[name="q"]{
    background-image: URL("../img/icons/mag.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    border:1px solid #bec4cb;
    height:37px;
    width:510px;
    padding:0px 12px 0px 18px;
    border-radius: 24px;
    line-height: 1em;
    margin-right: 12px;
}

.searchContainerForm input[name="q"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #003173;
    font-weight: 700;
    font-size: 16px;
}
.searchContainerForm input[name="q"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #003173;
    font-weight: 700;
    font-size: 15px;
    opacity: 1;
}
.searchContainerForm input[name="q"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #003173;
    font-size: 15px;
    font-weight: 700;
    opacity: 1;
}
.searchContainerForm input[name="q"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 15px;
    font-weight: 700;
    color: #003173;
}

.searchContainerForm input[name="q"]:focus{
    outline:none;
}
.searchContainerForm input[name="q"]:focus, .searchContainerForm input[name="q"]:hover{
    background-color:#FBFBFB;
}
.headerNavication{
    background-color:#003173;
    height:55px;
}
.headerNavigationUL{
    width: fit-content;
    margin: auto;
    padding:0px;
    list-style-type: none;
}
.headerNavigationUL ul{
    display:none;
}
.headerNavigationUL li{
    float:left;
}
.headerNavigationUL li a{
    display:block;
    height:55px;
    text-align:center;
    line-height: 55px;
    font-weight: 900;
    color:#eaeaea;
    padding: 0px 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.headerNavigationUL li.active a{
    background-color:#184179;
}
.headerNavigationUL li a:hover{
    background-color:#184179;
}
.headerNavigationUL li.leiunurk a{
    background-color:#399900;
}
.headerNavigationUL li.leiunurk a:hover{
    background-color:#4CB110;
}

.swiper-container {
    width: 100%;
    height: 540px;
}
.swiper-container img {
    width: 100%;
    height: auto;
}
.swiper-container .swiper-title {
    position: absolute;
    color: #fff;
    z-index: 999;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: block;
    margin: auto;
    top: 40%;
}
.swiper-container .swiper-title span {
    width: 80%;
    max-width: 860px;
    display: block;
    margin: auto;
}

.navCompare{
    text-align: right;
    margin-right: 8px;
    margin-top: 8px;
}
.navCompare a{
    font-size: 15px;
    color: #003173;
    font-weight: 900;
    text-decoration: none;
}

.breadTitleContainer{
    /*background-color:#f2f2f2;*/
    /*background-image: URL("../img/bread-shadow.png");*/
    height:50px;
    white-space: nowrap;
    /*margin-bottom: 50px;*/
}
.breadTitleContainer h2{
    line-height:50px;
    margin:0px;
    color:#003173;
    font-size:14px;
    font-weight: 500;
    /*padding-left:20px;*/
}
.breadTitleContainer h2>a{
    color:#ff9100;
    font-size:14px;
    text-decoration: none;
}
.breadTitleContainer h2>a:hover{
    text-decoration: underline;
}
.breadTitleContainer h2>a.last{
    color:#003173;
}
.searchSuggestions{
    position: relative;
    z-index: 10;
    display:none;
    padding: 0px 17px;
}
.searchSuggestions ul{
    margin:0px;
    padding: 10px 0px;
    list-style-type: none;
    background-color: #E6E6E6;
    border-radius: 5px;
    border: 1px solid #B1B1B1;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.searchSuggestions ul li{
    padding: 0px 12px;
}
.searchSuggestions ul li:hover{
    background-color: #D2D2D2;
}
.searchSuggestions ul li.nohover:hover{
    background-color: transparent;
}
.searchSuggestions ul li a{
    display:block;
    color: #003173;
    font-size:15px;
    font-weight:900;
    text-decoration: none;
    border-bottom: 1px solid #B1B1B1;
    /*height: 35px;*/
    line-height:35px;    
    padding: 0px 10px;
    white-space: nowrap;
    max-width: 400px;
    overflow: hidden;
}
/*END main header*/




/*BEGIN content*/
.sidebarContainer{
    float:left;
    width: 300px;
    margin-bottom: 50px;
}
.sidebarContainer+.mainContent{
    width:860px;
    float:left;
}
.sidebarContainer+.mainContent>.theContent{
    padding-left: 25px;
    padding-right:0px;
    padding-bottom:60px;
}


.bannerBG{
    display:block;
    height:230px;
    width:1095px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    text-decoration:none;
    color:#003173;
    padding-left:75px;
    padding-top:50px;
    font-weight: 300;
}
.bannerContainer div.bx-viewport{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: 0px; 
    background: transparent;
}
div.bannerContainer .bx-wrapper .bx-prev{
    left: -15px;
}
div.bannerContainer .bx-wrapper .bx-next{
   right:-15px;
}

.contentContainer{
    /*padding-top:35px;*/
    overflow: hidden;
}
h1.strike{
    color: #003173;
    font-weight: 900;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
    left: 30px;
    background: #F9F9F9;
    display: inline-block;
    padding: 0px 20px;
}
h1.strike+hr{
    margin:0px;
    padding:0px;
    margin-top:-28px;
}
.theContent{
    padding-left:50px;
    padding-right:70px;
    padding-top:50px;
    padding-bottom:100px;
    color:#003173;
    font-size: 15px;
    border-bottom:3px solid #ececec;
    overflow: hidden;
}
.theContent span a {
    color: #eba308;
    text-decoration: none;
}
.theContent.nopadd{
    padding-left:0px;
    padding-right:0px;
}
.theContent.static img{
    display: block;
    margin: auto;
}
.theContent.static img[style="float:right"]{
    margin-left:60px;
    margin-bottom:25px;
        background: #fff;
    padding: 9px;
    border: 1px solid #eaeaea;
    box-shadow: 2px 2px 8px 0px rgba(1,1,1,0.06);
}
.theContent.static img[style="float:left"]{
    margin-right:60px;
    margin-bottom:25px;
        background: #fff;
    padding: 9px;
    border: 1px solid #eaeaea;
    box-shadow: 2px 2px 8px 0px rgba(1,1,1,0.06);
}
.bannerContainer{
    margin-top:-90px!Important;
}
.frontloadMoreCetner{
    padding-top: 30px;
    text-align: center;
}
.frontLoadMore{
    clear:both;
    display:inline-block;
    margin:auto;
    background-color:#003173;
    color:#71bffb;
    font-size: 18px;
    font-weight: 900;
    height: 40px;
    line-height: 40px;
    border-radius: 17px;
    padding-left:60px;
    padding-right:35px;
    background-image: URL('../img/icons/load-more.png');
    background-position: left 23px center;
    background-repeat: no-repeat;
    text-decoration: none;
}
/*END content*/

 





/*BEGIN sidebar*/
.sidebarBlock{
    width:265px;
}

.catalogTitle{
    font-size: 19px;
    font-weight: 900;
    background-color: #eae9e9;
    background-image: URL('../img/icons/side-menu.png');
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-left:20px;
    height:40px;
    border-radius: 2px;
    line-height:40px;
    text-transform: uppercase;
}
.catalogTitle a,.catalogTitle a:hover{
    color:#003173;
    text-decoration: none!important;
}

.sidebarBlock ul{
    margin:0px;
    padding:0px;
    list-style-type: none;
}
.sidebarBlock>ul>li{
    padding: 4px 0px;
    padding-left: 15px;
    overflow: hidden;
}
.sidebarBlock>ul>li>a{
    vertical-align: middle;
    color: #003173;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.8em;
    text-decoration: none;
    display: inline-block;
    max-width: 229px;
}
.sidebarBlock>ul li>a{
    vertical-align: middle;
    color: #003173;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.8em;
    text-decoration: none;
    display: inline-block;
    max-width: 229px;
}
.sidebarBlock>ul>li>ul>li{
    padding-left:0px;
    border-bottom: 1px solid #efefef;
    margin-right: 15px;
}
.sidebarBlock>ul>li.active{
    background-color:#f0f0f0;
    border-radius: 5px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
.sidebarBlock li.active>a{
    color:#ff9100;
}
.sidebarBlock a:hover{
    text-decoration: underline;
}
.sidebarBlock>ul ul{
    margin-left: 15px;
    margin-top: 5px;
}
.sidebarBlock>ul>li>ul li>a{
    font-size: 15px;
    display: inline-block;
    max-width: 100%;
    line-height: 1.5em;
    padding: 3px 0px;
    padding-left: 5px;
}

a.closed{
    background: URL('../img/icons/closed-arrow.png');
    background-repeat: no-repeat;
    width: 15px;
    height: 8px!important;
    display: inline-block;
    vertical-align: middle;
}
a.opened{
    background: URL('../img/icons/opened-arrow.png');
    background-repeat: no-repeat;
    width: 15px;
    height: 8px!important;
    display: inline-block;
    vertical-align: middle;
}
/*END sidebar*/






/*BEGIN footer*/
.footer{
    background:#003173;
    overflow: hidden;
}
.footer, .push ,.footerInner {
    height: 370px; /* .push must be the same height as .footer */
}
.footerInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.footerInner .footer-col {
    width: 20%;
}
.footerInner .footer-col.first {
    width: 30%;
}
.footerInner .footer-col.last {
    width: 10%;
}
.footerInner .footer-col h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 45px;
    margin-bottom: 15px;
}
.footerInner>*{
    display: inline-block;
    vertical-align: middle;
}
.footer ul{
    margin:0px;
    padding:0px;
    list-style-type: none;
}
.footer ul li{
}
.footer ul li a{
    color:#749ed6;
    font-size:14px;
    text-decoration: none;
    line-height: 25px;
}
.footer span {
    font-size: 16px;
    display: block;
    color: #f9f9f9;
    line-height: 25px;
}
.footer span a {
    color: #ff9100;
    text-decoration: none;
}
.footer span.title {
    font-size: 24px;
    font-weight: 900;
    line-height: 55px;
    text-transform: uppercase;
    margin-top: 65px;
}
.footer span.address {
    margin-top: 20px;
}

/*END footer*/







/*BEGIN compare*/
.headerTable{
    border-collapse: collapse;
    width:100%;
}
.headerTable thead td{
    background-color: #003173;
    color:white;
    font-size: 15px;
    font-weight: 900;
    height:35px;
}
.headerTable td{
    text-align: center;
}
.headerTable .firstColumn{
    padding-left:16px;
    text-align: left;
}
.headerTable tbody td{
    background-color: white;
    padding-top:6px;
    padding-bottom:6px;
}

.compareEachTable{
    width:100%;
    border-collapse: collapse;
    margin-bottom:7px;
    border: 1px solid #cacaca;
}
.compareEachTable.headShadow{
    box-shadow: none;
    border:none;
}
.compareEachTable.headShadow thead{
    border: 1px solid #cacaca;  
}
.compareEachTable.headShadow tfoot td{
    height:55px;
}
.compareEachTable td{
    text-align: center;
}
.compareEachTable .firstColumn{
    padding-left:16px;
    white-space: nowrap;
    text-align: left;
}
.compareEachTable thead td{
    height:35px;
    background-color: #dedede;
    font-weight: bold;
    font-size: 15px;
    color:#003173;
    text-transform: uppercase;
}
.compareEachTable tbody td{
    height:30px;
    color:#003173;
    font-size: 14px;
    background-color: white;
    border-top: 1px solid #cacaca;
}
.compareEachTable tbody tr:nth-child(even) td{
    background-color: #f0f0f0;
}

.comparisonDP{
    border:3px solid white;
    box-shadow: 0px 0px 4px 0px rgb(0,0,0);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}
.comparePrice{
    display:block;
    font-weight: 900;
    font-size:19px;
    vertical-align: middle;
}
.compareDeleteBtn{
    text-decoration: none;
    color: #003173;
    font-size: 13px;
    font-weight: bold;
}
.compareEachTable a.compareDeleteBtn>img{
    display:inline-block;
    vertical-align: middle;
}
.compareEachTable a.compareDeleteBtn>span{
    display:inline-block;
    vertical-align: middle;
}
/*END compare*/







/*BEGIN tarnehinnakiri*/
.hinnakiriTabelContainer{
    width: 540px;
    float:left;
    margin-left:50px;
}

.hinnakiriTabel{
    margin-bottom: 30px;
    color: #003173;
    border-collapse: collapse;
    width: 540px;
    border: 1px solid #cacaca;
    box-shadow: -1px 0px 9px 0px #c7c7c7;
    box-shadow: -1px 0px 9px 0px rgba(0,0,0,0.1);
}
.hinnakiriTabel td{
    padding: 0px 16px;
}
.hinnakiriTabel thead td{
    border-bottom: 1px solid #cacaca;
    background-color:#003173;
    color: white;
    font-weight: bold;
    font-size: 16px;
    height: 35px;
}
.hinnakiriTabel tbody td{
    background-color: white;
    font-size: 14px;
    height: 30px;
    border-bottom: 1px solid #cacaca;
}
.hinnakiriTabel tbody tr:nth-child(even) td{
    background-color: #f0f0f0;    
}

.lisandubKM{
    display: block;
    color: #ff9100;
    font-size: 15px;
    font-weight: bold;
    margin-top: 1em;
}


.leheSisu{
    float: left;
    width: 540px;
    margin-left: 40px;
}

.leheSisu h2{
    
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
}
.leheSisu table{
    width: 100%;
}
.leheSisu table td{
    padding-right: 15px;
}

.hinnakirjaContaienr{
    overflow: hidden;
    margin-bottom: 80px;
}
/*END tarnehinnakiri*/









/*Recycle*/
.siteWidth{
    width:1170px;
    margin:auto;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.vAlign{
    position:relative;
    top:50%;
    transform: translateX(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.hAlign{
    position:relative;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.cAlign{
    position:relative;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.paginationContainer a{
    display:inline-block;
    text-decoration: none;
    background-color:#d9d9d9;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#003173;
    margin:0px 3px;
}
.paginationContainer a:hover{
    background-color:#E4E4E4;
}
.paginationContainer a.selected{
    background-color:#003173;
    color:white;
}
.paginationContainer a.selected:hover{
    background-color:#0D50AB;
}
.selectboxit-container .selectboxit.sort-select{
    border-radius: 1px;
    border: 1px solid #cccccc;
    background: URL('../img/grad/selectbox-bg.png');
    color:#636363;
    font-size: 14px;
}
.selectboxit-container{
    vertical-align: middle!important;
}

.orange{
    color:#ff9100;
}

.green{
    color:#399900;
}
hr{
    background-color:#ececec;
    height:3px;
    border:none;
}

.laoseis{
    display:inline-block;
    font-weight: bold;
    font-size: 13px;
    color:white;
    height:19px;
    line-height:19px;
    padding:0px 9px;
    border-radius: 2px;
}
.laoseis.laos{
    background-color: #399900;
}
.laoseis.tellitav{
    background-color: #ff7200;
}

.messageBox{
    padding: 5px 20px;
    min-width: 350px;
    max-width: 400px;
    display: none;
    border-radius: 4px;
    display:none;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
}
.messageBox.error{
    background-color: #FFEAEA;
    border-left: 1px solid #F1C6C6;
    border-right: 1px solid #F1C6C6;
    border-bottom: 1px solid #D6BBBB;
}
.messageBox.success{
    border-left: 1px solid #AAD8AA;
    border-right: 1px solid #B7C7B7;
    border-bottom: 1px solid #99AB99;
    background-color: #C3F3C3;
}


.grayInputStyler select{
    width: 100%!important;
}
.grayInputStyler input[type='text'],.grayInputStyler input[type='email'],.grayInputStyler textarea, .grayInputStyler select{
    height:32px;
    padding: 0px 10px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    width:292px;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.grayInputStyler textarea:focus,.grayInputStyler textarea:hover,.grayInputStyler input[type='text']:focus,.grayInputStyler input[type='email']:focus,.grayInputStyler input[type='email']:hover,.grayInputStyler input[type='text']:hover,.grayInputStyler select:focus,.grayInputStyler select:hover{
    background: #ffffff;
    outline:none;
}
.grayInputStyler input[type='text']:disabled,.grayInputStyler input[type='email']:disabled,.grayInputStyler textarea:disabled{
    background: #f2f2f2;
}

.ostjaonContainer{
    margin-bottom:20px;
}

.ostameSendEmail{
    width: 181px;
    padding: 0px 12px;
    border-radius: 12px;
    height: 30px;
    background-color: #003173;
    font-size: 17px;
    font-weight: 900;
    color: white;
    border: none;
    cursor: pointer;
    float: right;
}

.ostameTeade{
    width: 780px!important;
    min-height: 120px!important;
    padding: 10px!important;
}

#valiPiltLabel{
    background-color: #003173;
    color: white;
    padding: 5px 50px;
    border-radius: 10px;
    font-weight: 900;
    cursor: pointer;
    float:right;
}

.eachUploadedFile{
    background-color: #003173;
    width: 380px;
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 4px 0px;
    padding-right: 5px;
}
.ostameFileXout{
    display: inline-block;
    color: white;
    float: right;
    text-decoration: none;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
    background-color: transparent;
}
.ostameFileXout:hover{
    background-color: #1a57a9;
}
#pildid{
    float: right;
    clear: both;
}
.ostameSendEmailForm{
    width: 800px;
    margin-top: 140px;
    display: block;
}


.filter{
    float: left;
    margin-left: 30px;
    line-height: 30px;
}
.filter>a{
    text-decoration: none;
    
    
    display: inline-block;
    padding: 0px 16px;
    cursor: default;
    
    background-color: white;
    color: #003173;
    border: 1px solid #003173;
}
.filter>a[href]{
    cursor: pointer;
}
.filter>a:hover{
    background-color: #003173;
    color: white;
}
.filter>a.active{
    background-color: #003173;
    color: white;
}


/* Price filter */

.ui-slider-horizontal .ui-slider-handle{
    top: -.5em;
}
.ui-slider-horizontal{
    height: .4em;
    border: 1px solid #d9d9d9;
    background: #f1f1f1;
    border-radius: 5px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{

    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active {
    border-color: #00CEAF;
    border-width: 3px;
    height: 1.2em;
    width: 1.2em;
    background-color: #00CEAF  ;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #003173a1 ;
}

.ui-state-hover:hover,
.ui-widget-content .ui-state-hover:hover,
.ui-widget-header .ui-state-hover:hover,
.ui-state-focus:hover,
.ui-widget-content .ui-state-focus:hover,
.ui-widget-header .ui-state-focus:hover,
.ui-state-active:hover,
.ui-state-hover:focus,
.ui-widget-content .ui-state-hover:focus,
.ui-widget-header .ui-state-hover:focus,
.ui-state-focus:focus,
.ui-widget-content .ui-state-focus:focus,
.ui-widget-header .ui-state-focus:focus,
.ui-state-active:focus,
.ui-state-hover:active,
.ui-widget-content .ui-state-hover:active,
.ui-widget-header .ui-state-hover:active,
.ui-state-focus:active,
.ui-widget-content .ui-state-focus:active,
.ui-widget-header .ui-state-focus:active,
.ui-state-active:active {
    background-color: #003173;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 3px solid #fff;
    box-shadow: 0px 2px 4px 0px #003173a1;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #003173;
    outline: 0;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-state-default:focus,
.ui-widget-content .ui-state-default:focus,
.ui-widget-header .ui-state-default:focus,
.ui-state-default:active,
.ui-widget-content .ui-state-default:active,
.ui-widget-header .ui-state-default:active {
    outline: 0;
    background-color: #003173;
    border: 0;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background-color: #003173;
    border: 0;
}
.ui-state-default:hover:active,
.ui-widget-content .ui-state-default:hover:active,
.ui-widget-header .ui-state-default:hover:active {
    background-color: #003173;
}

h2.priceText {
    font-size: 16px;
    text-align: right;
}

.priceFilterContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 50px;
}
.price-text {
    width: 20%;
}
.price-text h2 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    margin-top: -7px;
}
.price-col {
    width: 57%;
}
.price-submit {
    width: 19%;
    padding: 9px 0;
    margin-left: 28px;
    height: 18px;
    background-color: #003173;
    cursor: pointer;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin-top: -15px;
}


.returnMessage{
    text-align: center;
    padding: 20px 30px;
    border-radius: 4px;
    border: 2px dashed #98e498;
    color: #064806;
}
.returnMessage.success{
    background: #d0f3d0;
    border: 2px dashed #98e498;
    color: #064806;
}
.returnMessage.fail{
    background: #ffd8d8;
    border: 2px dashed #dc8585;
    color: #230c0c;
}

.teineOstukorvContainer{
    position:relative;
}

.teineOstukorv{
    background: #154990;
    position: absolute;
    top: 0px;
    left: 290px;
    width: 170px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.19);
    padding: 5px 12px;
    color: white;
    padding-right: 5px;
}

.teineOstukorv .nb{
    background-color: #e0ce01;
    display: block;
    border-radius: 10px;
    width: 21px;
    height: 21px;
    font-size: 11px;
    line-height: 21px;
    text-align: center;
    color: white;
    text-shadow: 0px 0px 3px black;
}
.teineOstukorv a{
    color: white;
    text-decoration: none;
}

.adminOstukorvTable{
    width: 800px;
    margin: auto;
    border-collapse: collapse;
}

.adminOstukorvTable thead td{
    background: #003173;
    color: white;
    text-align:center;
}
.adminOstukorvTable tbody td{
    text-align: center;
    background-color: white;
    padding: 2px 10px;
}
.adminOstukorvTable tbody tr:nth-child(even) td{
    background-color: #f4f4ff;
}
.adminOstukorvTable tbody td.firstColumn{
    text-align: left;
}
.adminOstukorvTable tfoot td{
    text-align:right;
}
.adminOstukorvTable tfoot td.top2{
    background-color:#f2f2f5;
}
.adminOstukorvTable tfoot td.bottom1{
    background-color: #003173;
    color: white;
}
.adminOstukorvTable tfoot td.leftSide{
    text-align:right;
}
.adminOstukorvTable tfoot td.rightSide{
    text-align:left;
    padding: 0px 10px;
}
.adminOstukorvTable .leftArr{
    display: inline-block;
    vertical-align: middle;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 

    border-right:5px solid #003173; 
    cursor: pointer;
}

.adminOstukorvTable .rightArr{
    display: inline-block;
    vertical-align: middle;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;

    border-left: 5px solid #003173;
    cursor: pointer;
}

.adminOstukorvTable .kogus{
    display: inline-block;
    vertical-align: middle;
    padding: 0px 8px;
    min-width: 20px;
}


.teineOstukorvAllRows{
    width:100%;
    border-collapse: collapse;
}
.teineOstukorvAllRows thead td{
    background-color: #003173;
    color: white;
    text-align: center;
}
.teineOstukorvAllRows tbody td{
    background-color: white;
    text-align: center;
}
.teineOstukorvAllRows tbody tr:nth-child(odd) td{
    background-color: #f4f4ff;
}

.teineOstukorvAllRows .btn{
    display: inline-block;
    color: white;
    padding: 1px 15px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #335b90;
}
.teineOstukorvAllRows .btn:hover{
    background-color: #466c9e;
}






















.ostukorvTable{
    border-collapse: collapse;
    width: 100%;
    
}
.ostukorvTable thead td{
    background: #5f789c;
    color: white;
    padding: 7px 19px;
    font-size: 12px;
    text-align: center;
}
.ostukorvTable thead td.firstColumn{
    text-align: left;
}

.ostukorvTable tbody td{
    white-space: nowrap;
    background: white;
    padding: 10px 20px;
    text-align: center;
    font-size: 11px;
}

.ostukorvTable tbody tr:nth-child(odd) td{
    background: #f3f3f3;
}

.ostukorvTable tbody td.firstColumn{
    text-align: left;
    width: 100%;
}

.ostukorvTable tfoot td{
    background: #dcdada;
    padding: 5px 10px;
}
.ostukorvTable tfoot td.firstColumn{
    background: none;
}

.ostukorvTable .leftArr{
    width: 0; 
    height: 0; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; 
    border-right:8px solid #476590; 
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.ostukorvTable .rightArr{
    width: 0; 
    height: 0; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #476590;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.ostukorvTable .kogus{
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
}

.ostukorvTable input.ostikorviInput{
    background: none;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #324b6f;
    padding: 0px 10px;
}
.ostukorvTable input.ostikorviInput:hover, .ostukorvTable input.ostikorviInput:focus{
    background: white;
}
.ostukorvTable .kogus>input.ostikorviInput{
    width: 35px;
}
.ostukorvTable .delete{
    background: #f34d4d;
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border-radius: 9px;
    color: white;
    font-size: 9px;
    cursor: pointer;
    text-decoration: none;
}
.ostukorvTable .delete:hover{
    background: red;
}

.confirmDeleteForm{
    background-color: #ffd0d0;
    padding: 13px;
    text-align: center;
}

.confirmDeleteTitle{
    font-size: 13px;
    font-family: Arial;
    margin: 9px 0px;
}
.confirmDeleteBtns{
    padding: 5px 23px;
}

.searchResultRow{    
    white-space: nowrap;
    background-color: #feffff;
    padding: 6px 15px;
    border-radius: 5px;
    border: 1px solid #bacce6;
    box-shadow: inset -2px -2px 6px 0px rgba(0, 0, 0, 0.2);
    margin: 3px 0px;
    color: #273f61;
    width: 450px;
    cursor: pointer;
}
.searchResultRow:hover{
    background-color: #e1f1fb;
}

.tyhistaAjutineOstukorv, .saveSubmition, .savePakkumine{
    padding: 7px 17px;
    cursor: pointer;
    margin-right: 10px;
    color: white;
}
.saveSubmition,.savePakkumine{
    background-color: #63ce63;
    border: 1px solid green;
}
.saveSubmition:hover,.savePakkumine:hover{
    background-color: #54bb54;
    border: 1px solid green;
}
.tyhistaAjutineOstukorv{
    background-color: #d45e5e;
    border: 1px solid #a01c1c;
}
.tyhistaAjutineOstukorv:hover{
    background-color: #e86c6c;
    border: 1px solid #a01c1c;
}

.savePakkumine{
    margin: 18px 16px;
}

.teiseOstukorviFORM{
    margin-bottom: 20px;
    margin-left: 21px;
}

.statusDesc .red{
    color: red;
}
.statusDesc{
    padding: 0px 12px;
}

.statusColor{
    padding: 1px 15px;
    min-width: 87px;
    display: inline-block;
    border-radius: 8px;
}
.statusColor0{
    background-color: #effbad;
    color: black;
    border: 1px solid #929c56;
}
.statusColor1{
    background-color: #addbfb;
    color: black;
    border: 1px solid #46609a;
}
.statusColor2{
    background-color: #6fde87;
    border: 1px solid green;
    color: #094609;
}

.pakkumiseAvaUuesAkknas{
    margin-left: 15px;
}
.pdfiEelvaadeForm{
    margin: 28px 0px;
    margin-top: 7px;
}

.tuhistaOtsingu{
    display: inline-block;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    margin-left: 2px;
    cursor: pointer;
}

.kiireYlevaade{
    font-size: 17px;
    font-weight: bold;
}

.globalMessage{
    background-color: #fff5d1;
    padding: 20px;
    box-sizing: border-box;
    margin: 10px auto;
    border: 1px solid #e6d493;
    margin-bottom: -25px;
}