html 
{
    color:#595959!important;   
    
}

body{
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif!important;
}

.cartitems
{
    
	font-size:10pt!important;
	background-color:#ED1C24!important;
}


.clear{
    clear:both;
}
.hovered {
    outline: 1px solid #d8d8d8!important;
    -webkit-box-shadow: 3px 5px 5px 0px rgba(181,181,181,1);
    -moz-box-shadow: 3px 5px 5px 0px rgba(181,181,181,1);
    box-shadow: 3px 5px 5px 0px rgba(181,181,181,1);
}

.etnameclass{
    font-size:20pt;
}

.adtitleclass{
    font-size:16pt;
}


/* sth main4.php exei to hovericonxmark  ksana sto arxeio giati den exei to my.css*/
.hovericonxmark{
    opacity:0.4;
    cursor:pointer;
}
.hovericonxmark:hover{
    opacity:0.6;
}


.iconright{
    display:inline-block;
     
     padding-left:5px;
    padding-right:5px;
    border-radius:10px;
}
.iconright:hover{
    color:#337ab7!important;
    background-color:#F0F0F0!important;
    border-radius:7px!important;
}





/* enotitescv.php*/
    .crow{
        position:relative;
        margin-top:20px;
        
        background-color:white;border-radius:10px;
        
    }
    
    .pstintop{
        position:absolute!important;
        top:0px!important;
        left:92.3%!important;
    }
    
    .abc{
      cursor:pointer;
      padding-left:10px;
      padding-right:10px;
      right:-18px;
    }
    
    .plic{
        cursor:pointer;
        display:flex;font-size:17pt;color:#006d99;float:right;
    }
    
   

    .sectitl
    {
        text-align:right;
        font-size:16pt;
        font-weight:bold;
        color:#006d99;
        display:inline-block;
    }
   
    
    .s1bs
    {
        padding-top:30px!important;
        margin-top:30px!important;
        background-color:white;
    }
    
/* enotitescv.php*/  
    
    
    
    
    
    



 .hoversearchicon {
            transition: background-color 0.3s, color 0.3s, padding 0.3s, border-radius 0.3s;
    }
    
    .hoversearchicon:hover,
    .hoversearchicon.hover-effect {
        background-color: #337ab7;
        border-radius: 40px;
        padding: 10px;
        color: white;
    }

a {
    text-decoration:none !important;
}


a:hover {
    text-decoration:none  !important;
}


.mkreqbtn{
    font-size:12pt;
    padding:5px;
}

/* =============== biografiko kai pageconfirmuser3.php */

    .fa-info-circle
    {
        cursor:pointer;
    }
    
    .cvicon
    {
        font-size:60px;
        vertical-align:middle;
        padding:15px;
        border-radius:100px;
        background-color:#E3E3E3;
    }
   
    
   
    
    
    /*.cvdiv:hover */
    /*{*/
    /*    color:white;*/
    /*    background-color:#337ab7;*/
    /*    cursor:pointer;*/
    /*}*/
    
    /*.cvdiv:hover  .createcvicon*/
    /*{*/
    /*    color:white;*/
        
    /*}*/
    
    #createcvicon4
    {
        color:white;
        
    }
    
    
    /*.cvdiv:hover .dropbtn*/
    /*{*/
    /*    color:white;*/
        
    /*}*/
   
    
   /*.cvdiv:hover .cvicon*/
   /* {*/
   /*     color:#337ab7;*/
        
   /*     cursor:pointer;*/
   /* }*/
    
    .cvdiv:onclick
    {
        color:white;
        background-color:#337ab7;
        width:95%;
        height:auto;
        border:1px solid gray;
    }
    
.redcolor{
    color:red;
}
    
    


.borderedsection{
    border-radius:10px;
    /*border:2px solid #337ab7;*/
    max-width:90%;
    margin:auto;
    height:auto;
    /*padding:30px;*/
    
    margin-bottom:10px;margin-top:10px;
}

#createcvicon1 img{
    filter: saturate(0%); /* Καθιστά την εικόνα ασπρόμαυρη */
}

/*#divcvprencv2a:hover #createcvicon1 img {*/
/*     filter: brightness(0) invert(100%);*/
/*}*/

/*#divcvprencv2b:hover #createcvicon1 img {*/
/*     filter: brightness(0) invert(100%);*/
/*}*/


/* =============== end biografiko kai pageconfirmuser3.php */



  .listwidth{
        width:75%;
        margin:auto;
        
    }






.ui-helper-hidden-accessible{
    display:none!important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
     border: 0px solid;
}   

/*==========  cropper.js ===========*/

  

    /* Στυλ για να κάνει το περιβλητικό πλαίσιο κυκλικό */
    .cropper-view-box,
    .cropper-face {
        border-radius: 50%;
    }

    /* Κεντράρισμα του Cropper container */
    .cropper-container {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        width: auto; /* Καθορισμός του πλάτους ως "αυτόματο" για ανταποκριτικότητα */
    }

/*========== end  cropper.js ===========*/


#modiaglogintmodal,#modiaglogintmodalfav,#logintmodal2
{
    /*max-width:550px;*/
    margin:auto;
}



#hmpgimg{
    height:100%;
    min-width:100%;
    top:0px;left:0px;
    position:absolute;
    overflow:hidden;
    z-index:-10;
}


.msgdate
{
    float:right;
    font-size:8pt;
    font-weight:bold;
    
}
.rmvdbtnbl
{
    border:1px solid #424242;
    background-color:#424242;
    color:white;
    padding:10px;
    border-radius:10px;
}


.numpositionsclass{
    margin-top:5px;
    padding:5px!important;
    padding-left:0px!important;
    color:#008000;
    
    /*margin-left:20px!important;*/
}
.rmvdbtnbl:hover
{
    border:1px solid #424242;
    background-color:#595959;
}


#idadpreview
{
    /*position: //fixed;*/
    /*bottom: 65%;*/
    /*right: 15%;*/
    /*padding:15px;*/
    /*padding-left:25px;*/
    /*padding-right:25px;*/
}

#modalmkreq
{
    z-index:100000;
}

.mblselect {
    padding: 10px!important;
    /*border: 1px solid #337ab7!important;*/
    height: 42px;
    border-radius:5px!important;
}

.sectitle{
    font-size:12pt;
    font-weight:bold;
    margin-left:2px;
    /*padding-left:10px;*/
}

.moveicon{
   
    font-size:17pt;
}

.checkedstar
{
    color:orange;
}
.unchecked
{
    color:#DFE1FF;
}

.cvcandt
{
    background-color:#E2EDFF;
    border-radius:10px;
    padding:10px;
}

.cviconcand
{
    font-size:30px;
    background-color:#E3E3E3;
    color:#707070;
    border-radius:30px;
    padding: 10px;
}

.shtcmp
{
    padding-left:20px;
    padding-right:20px;
    height:40px;
}


.sectprosproypdiv
{
    margin-top:30px;
}

.prosdata
{
    padding:10px;
    border:2px solid #595959!important;
    border-radius:10px;
    margin-bottom:20px;
    cursor:pointer;
}


    
    .headingsec{
        margin-bottom:!important;
        padding-top:!important;
    }
    
    .widthleftsec{
        max-width:90%;
    }
    
    
.colorblue{
    /*color:#006d99;*/
    
}

.boxmore
{
    padding-top:15px;
    padding-bottom:15px;
    
    border-radius:20px; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    /*padding:10px;*/
    cursor:pointer;
    margin-bottom:20px;
}


.cvcandticon a
{
    text-decoration:none;
}

.cvcandticon span
{
    color:#707070;
}

.cvcandticon:hover .cviconcand, .cvcandticon:hover span,.cvcandticon:hover
{
    color:lightblue!important;
}



.bigadlogo
{
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: white!important;
    padding: 3px;
    border: 1px solid gray;
}

.notificationuser
{
    font-size:14pt;
    font-weight:bold;
    text-align:left;
}

.abigad
{
    /*color:#9be0ff!important;*/
    text-decoration:none; 
}

.pgetabigad
{
    width:140px;
    /*height:140px;*/
}

.pgetlogo
{
    margin-top:-30%;
    width: 120px;
    height: 120px;
    border-radius: 10px;
    background-color: white!important;
    padding: 3px;
    border: 1px solid gray;

}

.imglogobigad
{
    width:60px;
    height:60px;
    border-radius:10px;
    padding:3px;
    background-color:white!important;
    border:1px solid gray;   
}



.myModalchrole
{}


.imglogo
{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    padding: 3px;
    background-color: white!important;
    border: 1px solid gray;
}

.mnp2a
{
    margin-left:160px;
}

.vertdrmobile
    {
        float:none;
        margin-top:0px!important;
    }
    
.btngreen:hover
{
    background-color:#008826!important;
}

.divmyads
{
    border:1px solid #ddd;
    border-radius:20px;
    padding:40px;
    background-color:#F0F6FA;
    margin-top:50px;
    margin-bottom:50px;
}

#imgprf:hover
{
    cursor:pointer;
}

#modalbigad
{
    height:100%!important;
     padding:0px!important;
}

#modalbigaddialog
{
    margin:0px;
    width:100%!important;
    height:100%!important;
}

#modalbigadcont
{
     height:100%!important;
}

#timblad
{
   /*
   margin-top:10px!important;
   */
}

label
{
  color:#595959;  
}

.btnshad
{
    margin-bottom:5px!important;
    background-color:#F0F0F0!important;
    border-radius:5px;
    display:inline-block;
    padding:6px;
    padding-left:13px;
    padding-right:13px;
}

.btnshadfull
{
    
    /*border:1px solid gray;*/
    background-color:#F0F0F0!important;
    font-size:8.5pt;
    text-align:left;
    border-radius:5px!important;
    padding:6px;
     padding-left:13px;
    padding-right:13px;
    display:flex;
    margin-bottom:10px;
    /*width:1a00%;*/
    max-width:100%;
    
}

.boxesalgn
{
    float:left;
    display:flex;
    padding-left:5px;
    padding-right:5px;
    margin:auto;
}

.restvertal  /* όλα τα col md εκτός από τους ενδιαφερόμενους*/
{
    padding-top:20px!important;
}

.reqadshow
{
    background-color:#a3e2ff;
    border-radius:10px;
    width:70%;
    min-width:120px;
    margin:10px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
}

.reqadshow:hover
{
    background-color:#53caff;
    color:white;
    cursor:pointer!important;
}

.glyphicon-option-vertical
{
     cursor:pointer;
}


.facombigad
{
    margin-left:0px;
    font-size:20px;
    margin-top:5px;
}

nav a img
{
    margin-top:-6px!important;
    margin-left:0px!important;
    margin:13px;
}

#btnbuy1
{
    display:inline-block;
}

#btnbuy2
{
    display:none;
}

.mainpart /* den pianei allages  */
{
  
    min-height:80vh;
}

    #msghmpgeffect{
        font-size:40pt;
        text-align:center;
    }


.btnlginmbl
{
    color:#337ab7;
    border:1px solid #337ab7;
    padding:6px 20px;
}

.btnlginmbl:hover
{
    color:white;
    border:1px solid #337ab7;
    background-color:#337ab7;
}

.btnlginmblmenu
{
    margin-top:15px;
    /*padding-left:3px!important;*/
    /*padding-right:3px!important;*/
}

.pglgbox
{
    text-align:center;
    border-radius:10px;
}

.navact i,.navact .icontitl2
{
    /*color:#ED1C24!important;   */
    color:#337ab7!important;
}

.fi1
{
    /*background-color:#E3E3E3;*/
    /*padding:10px;*/
    /*width:50px;*/
    /*height:50px;*/
    /*border-radius:50px;*/
    
    
    /*margin-top:10px;*/
    
    
    font-size:30px;
    color: #707070;
}
.mnusr1 .fi1 {
    font-size: 15px;
    color: #707070;
}
.mnusr1  {
   padding-left:15px;
   padding-right:15px;
}






    
    
    .top-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
      
        
        margin: 10px 0 14px;
        
    }
    
    
    .top-nav-right {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    
    
    .btn-secondaryPayment {
        display: inline-block;
        padding: 8px 14px;
        border-radius: 999px;
        border: 1px solid #d1d5db;
        background: #fff;
        cursor: pointer;
        /*font-size: .88rem;*/
    }
    
    .btn-secondaryPayment:hover {
        /*background-color:#337ab7;*/
        color:#337ab7;
        outline:2px solid #337ab7;
    }
    
    .btn-borderRadius{
        border-radius:30px!important;
        padding:10px 25px!important;
    }
    
    
    

    /* Καλάθι #2 bottom  */
     .cart-summary-btn {
      padding: 6px 12px;
      border-radius: 999px;
      border: 1px solid rgba(11,114,185,0.4);
      background: rgba(11,114,185,0.06);
      color: #0b72b9;
      font-size: 0.85em;
      font-weight: 500;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .cart-summary-btn span.icon { font-size: 1em; }
    
    
    #labelPublic,#labelPrivate{
        display: inline-block;
        width: 60px; 
        
    }
    
    
    .selectedCvState{
        font-weight:bold;
        color:#2196F3;
    }
    
    
    .sizerad{
        float:left!important;
        margin-right: 10px!important;
         
    }
    
    
    
    
    
    
     .message-box {
            text-align: center;
            padding: 40px;
            margin:auto;
            margin-top:60px;
            max-width: 500px;
            background-color: #ffffff;
            border-radius: 8px;
            border: 1px solid #dee2e6;
            /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);*/
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }
        .mb_icon {
            font-size: 4.5rem; 
            color: #6c757d; /* Ουδέτερο γκρι χρώμα */
            display: block;
            margin-bottom: 20px;
        }
        .message-box h2 {
            color: #343a40; /* Σκούρο γκρι τίτλος */
            font-size: 1.6em;
            margin-bottom: 15px;
            font-weight: 600;
        }
        .message-box p {
            color: #6c757d; 
            font-size: 1.05em;
            line-height: 1.5;
            margin-bottom: 30px;
        }
        .cta-button {
            display: inline-block;
            padding: 12px 25px;
            /*background-color: #007bff; */
            color: white;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 700;
            letter-spacing: 0.5px;
            transition: background-color 0.2s;
        }
        .cta-button:hover {
            /*background-color: #0056b3;*/
        }
        
    
    
    
    
    

@media screen and (min-width:1024px)
{
    .fi1
    {
        margin-top:10px;
    }
}



.fi12
{
    background-color:#E3E3E3;
    padding:10px;
    width:40px;
    height:40px;
    border-radius:50px;
    font-size:20px;
    color: #707070;
    text-align:center;
    
    cursor:pointer;
}

.icontitl22
{
    padding-top:3px;
    padding-bottom:7px;
    font-size:8pt;
    color:#707070;
    
    cursor:pointer;
}

.notification2:hover .fi12
{
  /*color: #ED1C24;*/
  color:#337ab7!important;
  
}

.hovercion2:hover .fi12,.hovercion2:hover .icontitl22
{
  /*color: #ED1C24;*/
  color:#337ab7!important;
}

.icontitl
{
    padding-top:10px;
    padding-bottom:15px;
    margin-left:-15px;
    color:#707070;
}

.icontitl2
{
    padding-top:3px;
    padding-bottom:7px;
    margin-left:-15px;
    color:#707070;
}

.notification
{
  color: white;
  text-decoration: none;
  padding-top:15px;
  padding-right:15px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}



.notification:hover .fi1,.notification2:hover .fi1
{
  /*color: #ED1C24;*/
  color:#337ab7!important;
  
  /*color: white;*/
  
}

.hovercion:hover .fi1,.hovercion:hover .icontitl,.hovercion:hover .icontitl2,.hovercion:hover .icontitl22
{
  /*color: #ED1C24;*/
  color:#337ab7!important;
   /*color: white;*/
}
.hovercion:hover .fi1,.hovercion:hover .icontitl,.hovercion:hover .icontitl2,.hovercion:hover .icontitl22
{
  /*color: #ED1C24;*/
  color:#337ab7!important;
   /*color: white;*/
}


/*κουμπια στο moremenu*/

.hovercionw{
    color: #595959;
}
.hovercionw:hover .fi1,.hovercionw:hover .icontitlw,.hovercionw:hover .icontitl2w,.hovercionw:hover .icontitl22w
{
  color: white;
}

.notification .badge,.notification2 .badge
{
  position: absolute;
  top: 11px;
  right: 0px;
  
  width:30px;
  /*height:;*/
  border-radius: 50%;
  border:none;
  background-color: #ED1C24;
  color: white;
}

/*============= submenu =====================*/
.subactive .lidiv
{
    border-radius:10px;
    /*background-color:#ED1C24;*/
    background-color:#337ab7!important;
    
}

.lidiv
{
    
    padding:10px; 
    text-align:center;
     border:1px solid #777;
    border-radius:10px;
    font-size: 0.9em;
}

.lidiv:hover
{
    transition: background-color 300ms linear;
    border-radius:10px;
    background-color:#a1c4e2;
    color:white;
    
    
}




.lia
{
    padding-top:10px!important;
    margin:0px;
}

.subactive a
{
    text-decoration:none!important;
    color:white!important;
    
}
.lisub
{
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}

.lisub .dropdown-menu li:hover {
    background-color:inherit; 
    /* Το επιθυμητό background color */;
    /*background-color:#FAFAFA; */
    cursor:pointer;
}

.dropdown-menu li:hover {
    
    background-color:#E0E0E0!important;  
    cursor:pointer;
}

.dropdown-toggle{
    
}


.nav.nvul  {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.drfav
{
    padding:5px;
    text-align:center;
    margin:auto;
   
}


.drfavahr
{
    
    text-align:center;
    margin:auto;
    padding-left:30% !important;
    
    padding-right:30% !important;
}


.navbar-nav>.open>a:hover
{
    background-color: transparent!important;
}


@media screen and (min-width: 1024px) {
    .submenu2
    {
        /*margin-left:160px;*/
    }
    
}
    


@media (min-width: 768px) {
  .nvul {
    float: none;
  }
}
/*============= end submenu =====================*/

/*.badge
{
    text-align:center;
    font-size:10pt;
    border-radius:20px;
    color:white;
    border:none;
    background-color:gray;
}*/

.navbar .container-fluid
{
    margin-left:30px !important;
    margin-right:30px !important;
}

.MsoNormal
{
    margin-top:6.0pt;
    margin-right:0cm;
    margin-bottom:0cm;
    margin-left:0cm;
    text-align:justify;
    line-height:18.0pt;
    background:white
}

.srcinput:focus
{
    outline: none!important;
}

/*
td,th
{
    border:1px solid #595959 !important;  
}*/

.apost
{
    display:block;
    
    margin-top:20px;
    /*margin-left:10%;*/
    border-radius:10px;
    width:100%;
    padding:20px;
    background-color:#A5C4FF;
    color:white;
}

.paral
{
    display:block;
    
    margin-top:20px;
    /*margin-left:1%;*/
    border-radius:10px;
    width:100%;
    padding:20px;
    background-color:#E6E6E6;
    color:black;
}

.apostparalcircle
{
    display:inline-block;
    
   
}

.paralcircle
{
    display:inline-block;
    
     
}


.slc
{
    
    color:white;
    font-size:10pt;
    /*background-color:gray;*/
    background-color:white;
    /*border-radius:!important;*/
    border-bottom:1px solid gray!important;
}

body
{
    color:#595959!important;   
     /*
     background-image:url("../images/bgr.jpg");
     */
     background-size:100% 100%;
    
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif!important;
}
 
 

.chosenag
{
    border: 3px solid #008000 !important; 
   
  
    
}

/*box-shadow:5px 5px 5px #B3B3B3;*/
/*   ui poleis autocomplete*/

/*    ====  style gia autocomplete kai sto my.js ===  */

.ui-menu-item 
{
    list-style-type: none !important;
    background-color:white;
    width:100%;
    margin-left:-40px;
    padding-top:3px;
    font-size:14pt;
}

.ui-menu-item a
{
    padding-left:15px;
}

.ui-menu-item:hover, .ui-menu-item:hover a
{
    background-color:#337ab7;
    color:white!important;
}

.ui-menu-item a:hover
{
    color:white!important;
}

/*  end ui poleis autocomplete*/


.brand1 {
    margin-top:5px;
    
}

.anazitisi_arxiki
{
    display:block !important ;
}

.anazitisi_arxiki_mobile
{
    display:none !important;
}

.adsearchform
{
    display:block !important ;
 
}

.adsearchformmobile
{
    display:none !important;
}

.searchformmobile
{
    display:none !important;
}

.cmpsearchform
{
    display:block !important ;
}

.cmpsearchformmobile
{
    display:none !important;
}

.skillsearchform
{
    display:block !important ;
}

.skillsearchformmobile
{
    display:none !important;
}
    .navrespnrml
    {
        display:block !important ;
    }
    
    
    /*
    .respchange   στη main.php  
    {
        margin-left:145px;
    }
    */
    
    .drmenuait
    {
        z-index:4;
    }
    
     .navrespmobile
    {
        display:none !important ;
    }
    
    .subnavmenu
    {
        margin-left:-15px;
    }
    
    .subnavmenu ul {
      list-style-type: none;
      margin: 0;
      box-shadow: 1px 0px 4px #ddd;
      padding: 0;
      width: 200px;
      background-color: white;
      position: fixed;
      height: 100%;
      overflow: auto;
    }
    
    .profframe
    {
        display:block;
        margin-left:200px;
        height:1000px;
        top:77px;
    }
    
     .subnavmenu
    {
        display:block !important ;
    }
    
     .subnavmenumobile
    {
        display:none !important ;
    }

.settingusnrml,.settingusnrml2
{
    display:inline-block !important ;
}


.settingusmobile
{
    display:none !important;
}

.divpros
{
    padding-left:20px;
    margin-top:0px;
    padding:20px;
   /*box-shadow: 3px 3px 13px  2px #DBDBDB;*/
    border-radius:10px;
    /*z-index=-11*/
    background-color:white;
   
}

.divpros2
{
    margin:20px;
    /*padding-bottom:50px;*/
    box-shadow: 3px 3px 13px  2px #DBDBDB;
    border-radius:10px;
    
    /*z-index=-11*/
    background-color:white;
}

.divpros3
{
    margin:20px;
    padding:20px;
    margin-left:0px;
    margin-right:0px;
    box-shadow: 3px 3px 13px  2px #DBDBDB;
    border-radius:10px;
       
    /*z-index=-11*/
    background-color:white;
}
    
input[type=text],input[type=number], input[type=email], input[type=date],
    input[type=url], input[type=password], 
    input[type=radio]
{
    border-radius:5px;
    padding:20px!important;
    border: 1px solid #337ab7;
}



.selcss
{
    height:42px;
    padding:7px!important;
    border-radius:30px!important;
    border: 1px solid #337ab7!important;
}

input[type=text]:focus,input[type=number]:focus, input[type=email]:focus, input[type=date]:focus,
    input[type=url]:focus, input[type=password]:focus, 
    input[type=radio]:focus 
{
    /*border: 2px solid #337ab7;*/
}

/*** multiple selection  ***/

    .select2-search textarea 
    {
        border:0px !important;
    } 
       
  
   .select2-results__option{
       padding:5px;
   }
    
    .select2-search__field
    {
       padding-top:0px !important;
       border:none !important ;
      
    }
    
    .select2-selection--multiple 
    {
           border: 0px solid ;
    }
       
    .select2-container--open
    {
        border: 0px solid ;
    }
       
    .select2-container--default .select2-selection--multiple
    {
       border: 0px solid ;
    }
     

/*** multiple selection  ***/

textarea
{
    border-radius:5px!important;
    padding:6px!important;
    border: 1px solid #337ab7!important;
}


select
{
    border-radius:5px!important;
    padding:6px!important;
    border: 1px solid #337ab7!important;
}
    


.fp 
{
    border-radius:10px;
    margin-bottom:5px;
    border: 2px solid #337ab7;
}

.form-control
{
    background-color:transparent;
    border: 0px ;
    
}

.sttopbtm{
    padding-top:45px !important;
    
}

.btn
{
    border-radius:5px;
    padding:10px;
}

a:hover 
{
    text-decoration:none;
}

.container-fluid
{
    padding:0px !important;
    margin:0px !important;
}

.addeact
{
    border:0px solid black!important;
    color:gray !important;
    /*margin-left:10px;*/
}

.adactive
{
    color:green !important;
    /*margin-left:10px;*/
}

.adcompleted
{
    color:blue !important;
    /*margin-left:10px;*/
}

.addeactive
{
    color:red !important;
    /*margin-left:10px;*/
}

.adtemp
{
    color:orange !important;
    margin-left:10px;
}

.favbtn
{
    color:#337ab7!important;
    padding: 10px;
}

.favbtn2
{
    display:inline-block; 
    border-radius:80px; 
    width:40px; 
    height:40px; 
    border:1px solid #337ab7; 
    background-color:white;
    color:#337ab7;
    /*font-size:20px;*/
   /* margin-right: 10px;*/
    /*margin-top: -50px;*/
    /*padding: 10px;*/
   /* color:#337ab7!important;*/
   /* color:#337ab7;*/
   /* background-color:white;*/
   /* border:1px solid #337ab7;*/
   /* border-radius:50px;*/
   /* vertical-align:middle!important;*/
  
   /*width:40px;*/
   /*height:40px;*/
}

.favbtn2cmp
{
    display:inline-block; 
    border-radius:80px; 
    width:40px; 
    height:40px; 
    border:1px solid #337ab7; 
    background-color:white;
    color:#337ab7;
}
.favbtn2:hover
{
    border:1px solid #a8ceef; 
    color:#a8ceef;
}

.favbtn2:focus
{
    border:1px solid #337ab7; 
    color:#337ab7;
}

.btn100 
{
    border-radius:5px;
    width:100%;
    margin-bottom:20px;
    padding-top:15px;
    padding-bottom:15px;
}

.btn101
{
    border-radius:5px;
    width:100%;
    margin-bottom:20px;
    padding-top:15px;
    padding-bottom:15px;
}

#jslogo
{}

.aa2
{
    width:67px;
    height:67px;
    border-radius:10px;
}

#jsbanner
{
    margin:0px;
    padding:0px;
    width:100%;
    
    /*height:60px;*/
    
    max-height:162px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.btnwidth
{
    width:100%;
    font-weight:bold;
}


.responsive 
{
  width: 100%;
  height: auto;
}

.rolebutton
{
    border-radius:30px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:50px;
    min-width:230px;
}

.mdldlg
{
    z-index:100000;
    margin:auto;
    /*width:60%;*/
    margin-top:30px;
}
.clsnml
{
    cursor:pointer;
}
.mdlclose 
{
    width: 100%;
    height: 20px;
}

.mdlmsgtab
{
    margin-left:30px;
    margin-right:30px;
    margin-top:30px;
    margin-bottom:50px;
}

.ulmdlmsg li {
  display: inline;
  text-align: center;
}

.ulmdlmsg li a {
  display: inline-block;
  width: 25%;
  padding: .75rem 0;
  margin: 0;
  text-decoration: none;
  color: #333;
}

.two:hover ~ hr {
  margin-left: 25%;
}

hr2 {
  height: .25rem;
  width: 25%;
  margin: 0;
  background: tomato;
  border: none;
  transition: .3s ease-in-out;
}




.anazitisi_arxiki
{
    margin-top:0px;
}

.button_arxiki
{
    margin-top:10px;
}

/*  dimiourgia_logariasmou */

#myModal .modal-content
{
   padding:40px;
}

#myModalnewcv .modal-content
{
   padding:40px!important;
}

.errors 
{
    margin-top:20px;
}

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

.mymenu .navbar-toggle
{
    border:1px solid gray;
    margin-top:15px;
}

.mymenu .icon-bar
{
    background-color:gray;
}

.mymenu 
{
    box-shadow: 0px 1px 4px #ddd;
    margin:0px;
    padding:0px;
    background-color:rgba(255,255,255,1);
}

.ads2sh
{
    border:2px solid #036d9a;
    box-shadow:5px 5px 5px #ccc;
}



.aund 
{
  color: #036d9a;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.aund:after 
{
  width: 0;
  background: #036d9a;
  height: 3px;
  transition: all .5s ease-in-out;
  content: "";
  position: absolute;
  bottom: -5px;
  right: 0;
}

.aund.underline:after 
{
  width: 100%;
  left: 0;
}

.aund:hover
{
  cursor:pointer;
}
.aund:hover:after 
{
  width: 100%;
  left: 0;
}

/*====== pinakas gia viografiko skills =====*/

.tableskill td,.tableskill th
{
    border:1px solid black;
    padding:5px;
}

/*===== paketa agora  ===========*/

    .pak 
    {
        /*border:1px solid #337ab7;*/
        border-radius:10px;
       width:90%;
        /*padding-top:20px;*/
        /*padding-bottom:20px;*/
        margin:auto;
        max-height:600px;
        text-align:center;
        
        /*margin-top:20px;*/
    }
    
    
    .pak21 
    {
       padding-top:30px;
       padding-bottom:30px;
    }
    
    /*.pak */
    /*{*/
    /*    border:1px solid #337ab7;*/
    /*    border-radius:30px;*/
    /*    max-width:320px;*/
    /*    padding:20px;*/
    /*    margin:auto;*/
    /*    height:400px;*/
    /*    text-align:center;*/
    /*    margin-top:20px;*/
    /*}*/
    
    .pak h1
    {
        font-size:18pt;
    }
    
    .pak p 
    {
        font-size:12pt;
        height:40px;
    }
    
    .pak h2
    {
        font-size:14pt;
        font-weight:bold;
    }
    
    .pak h3
    {
         font-size:14pt;
    }
/*===== agora aggelivn  ===========*/

.titleb
{
    padding:10px;
    background-color:#a2a8ff;
    color:white;
}

.boxb
{
    /*background-color:#eaebff;*/
}

#b1hp
{
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	font-size:18pt;
	border-radius:10px;
	background-color:white;
	color:#00a8f3;
	border:0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#lbl1
{
	font-size:auto;
	width:100%;
}

#lbl1
{
	font-size:7vw;
	width:100%;	
}
#sp1
{
	width:70%;
}

.box1
{
	width:100%;
	margin:auto;
	border-radius:60px;
	border:0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.inf2
{
	padding:10px;
	background-color:white;
}
#inf2b
{
	padding:10px;
}

.sbmts
{
	border-radius:40px;
	color:#337ab7;
	font-weight:bold;
	background-color:white;
	border:2px solid #337ab7;
	/*border-left:2px solid white;*/
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}
.sbmts:hover
{
	color:white;
	background-color:#337ab7;
}

#sbmtsear2
{
	border-radius:40px;
}

.inpd
{
	outline: 0;
	border-width: 0 0 2px;
	border-color: gray;
	width:80%;
}

.inpd:focus 
{
  border-color: black;
}

input:focus::placeholder 
{
  color: transparent;
}

#sbmt1
{
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #1b2124;
  border:1px solid #1b2124;
  padding: 10px 100px 10px 100px;
  text-decoration: none;
  width:60%;
}

#sbmt1:hover 
{
  background: #3cb0fd;
  text-decoration: none;
  border:1px solid #3cb0fd;
}

.btn3a 
{
  background: #9ac6e3;
  background-image: -webkit-linear-gradient(top, #9ac6e3, #1094e6);
  background-image: -moz-linear-gradient(top, #9ac6e3, #1094e6);
  background-image: -ms-linear-gradient(top, #9ac6e3, #1094e6);
  background-image: -o-linear-gradient(top, #9ac6e3, #1094e6);
  background-image: linear-gradient(to bottom, #9ac6e3, #1094e6);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 2px;
  text-decoration: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn3a:hover 
{
  background: #007bc7;
  background-image: -webkit-linear-gradient(top, #007bc7, #003b63);
  background-image: -moz-linear-gradient(top, #007bc7, #003b63);
  background-image: -ms-linear-gradient(top, #007bc7, #003b63);
  background-image: -o-linear-gradient(top, #007bc7, #003b63);
  background-image: linear-gradient(to bottom, #007bc7, #003b63);
  text-decoration: none;
  border: solid #ffffff 2px;
}

.rolosch 
{
    margin:5%;
    padding:5%;
    border:1px solid black;
    border-radius:5px;
}

.rolosch:hover 
{
    box-shadow:2px 2px 2px gray;   
}

/* ====== collapsed sidebar*/

.sidepanel  {
  width: 0;
  position: fixed;
  z-index: 21;
  height: 850px;
  top: 77px;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 4px;
}

.sidepanel a {
  padding: 6px;
  text-decoration: none;
  font-size: 25px;
  color: #337ab7;
  display: block;
  transition: 0.3s;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 14pt;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  color:#88001b;
}

/* The switch - the box around the slider */
.switch 
{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input 
{
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider 
{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  
  /*background-color: #2196F3;*/
  background-color: #ccc;
  
  
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before 
{
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider 
{
  background-color: #2196F3;
}

input:focus + .slider 
{
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before 
{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round 
{
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

 .mnusr1
{
  display:block;
  text-align:center;
}
.mnusr1 a
{
  color: #777;
  padding-top:15px!important;
}
.mnusr1>a:hover
{ 
  background-color:transparent!important;
  color: #595959!important;
}

@media only screen and (max-width: 990px) {
  .mnusr1
  {
      display:none!important;
  }
}




@media screen and (min-width:993px)
{
    
    .hiddensm 
    {
        display:block!important;
    }
    
}