/* 
    Document   : main
    Created on : 15-mag-2013, 15.34.07
    Author     : andreatarquini
    Description:
        Purpose of the stylesheet follows.
*/

html{
    height: 100%;
}

body{
    height: 100%;

}

*:focus{
    outline: 0 none !important;
}

.content{
    position:relative;
    height: 100%;
}
.center{
    text-align: center;
}

.principal-content{
    width: 100%;
    margin-top: 60px;
}



#main-page{
    position:relative;

}

.main-page-block{

    position: relative;

    height: 320px;


    border: 1px #cccccc solid;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 12px 0px #888888;
    -webkit-box-shadow: 0px 0px 12px 0px #888888;
    box-shadow: 0px 0px 12px 0px #888888;


}

.main-page-block > ul{
    margin-left: 35px;
}


.main-page-block > .button-div{
    width: 100%;
    position:absolute;
    text-align: center;
    bottom:15px;
}


#basic{
    padding-top: 20px;
    margin-bottom: 40px;

}


#drag-drop-div{
    position:relative;
    min-height: 410px;
    margin-top: 65px;
    border-style: dashed;
    border-width: 10px;
    border-radius: 35px;
    border-color: #3399f3;
    text-align: center;

}


#drag-drop-div.drag{
    border-color: #4fd930;


}


#drag-drop-shadow{
    position: absolute;
    top:0;
    margin-left: -1%;
    margin-top: -1%;
    width: 102%;
    height: 102%;
    z-index: -1; 
    /* 
        position:relative;
    margin:3px 4px 3px 4px;
     width: 99.9%;
     height: 394px; */
    border-width: 0px;
    border-radius: 40px;
    -moz-box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82), 0px 0px 40px 8px rgba(180, 232, 251, 0.82);
    -webkit-box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82),0px 0px 40px 8px rgba(180, 232, 251, 0.82);
    box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82),0px 0px 40px 8px rgba(180, 232, 251, 0.82);

}

#drag-drop-shadow.drag{
    -moz-box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82), 0px 0px 40px 8px rgba(176, 223, 126, 0.82);
    -webkit-box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82),0px 0px 40px 8px rgba(176, 223, 126, 0.82);
    box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82),0px 0px 40px 8px rgba(176, 223, 126, 0.82);
}


#drag-drop-icon-div{
    margin-top:-80px;
    -webkit-transition: all 0.5s ;
    transition: all 0.5s;

}

#drag-drop-icon-div.hover{
    margin-top:-65px ;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

#drag-drop-icon{

    width: 120px;
    border-radius: 40px;
    box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82),0px 0px 40px 8px rgba(180, 232, 251, 0.82);


}

#drag-drop-icon-ondrag{

    width: 120px;
    border-radius: 40px;
    box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82),0px 0px 40px 8px rgba(176, 223, 126, 0.82);
}


#drag-drop-choise-div{
    position:absolute;
    width: 102%;
    top: 120px;
}

#file-info-div{
    position:relative;
    width: 102%;
    height: 78%;
    margin-top: 5%;
    margin-bottom: 170px;
}

#captcha-div{
    position: absolute;
    width: 100%;
}

#file-info-div .row-fluid{
    padding-bottom: 7px;
}

.file-info-entry{
    text-align: right;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    vertical-align: middle;
}

.file-info-content{
    font-size:16px;
    text-align: left;
    line-height: 20px;
    vertical-align: middle; 
    word-wrap: break-word;

}




#captcha-try-again{
    margin-top: 25px;


}

#file-edit-div{
    position:absolute;
    top:-60px;
    right: 60px;
}

#send-button-div{
    position:absolute;
    width: 100%;
    margin-top : 30px;
}

.footer {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    text-align: center;
}

.circle{
    background: #4fd930;
    border-style : solid;
    border-width: thin;
    border-color: green;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em; 
}




#file-sending-div{
    position:absolute;
    width: 102%;
    height: 78%;
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: left;
}


#sending-file-bardiv{
    position:relative
}


#sending-file-bardiv .progress{
    border-style :solid;
    border-color: gray;
    border-width: thin
}



#sending-file-bardiv span{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 2;
    color: white;
    text-align: center;
    height: 100%;
    font-size: 10pt;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}



.url-popover{
    max-width: 560px;
    word-wrap: break-word;
}

.url-popover .popover-title{
    background-color: #47cb2a;
    text-align: left;
}

.url-popover .popover-content{
    text-align: left
}



.download-div{

    position: relative;

    margin-top:65px;

    min-height: 320px;
    border: 1px #cccccc solid;

    border: 1px #cccccc solid;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 20px 0px #888888;
    -webkit-box-shadow: 0px 0px 20px 0px #888888;
    box-shadow: 0px 0px 20px 0px #888888;

    text-align: center;


}

#download-icon-div{
    margin-top: -65px;
}


#download-icon{
    width: 120px;


}

#file-downloading-div{
    position:absolute;
    text-align: left;
    width: 102%;
    height: 78%;
    margin-top: 5%;
    margin-bottom: 170px;
}


.down-circle,.adv-circle{
    background: #93c9f9;
    border-style : solid;
    border-width: thin;
    border-color: gray;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em; 
}

.hover-circle{
    background: #faa732;
    border-style : solid;
    border-width: thin;
    border-color: red;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em; 
}


#downloaded-data-div{
    padding-bottom: 30px;
}



#save-file-button-div{
    margin-top: 20px;
}


#downloading-file-bardiv{
    position:relative
}


#downloading-file-bardiv .progress{
    border-style :solid;
    border-color: grey;
    border-width: thin
}


#downloading-file-bardiv span{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 2;
    color: white;
    text-align: center;
    height: 100%;
    font-size: 10pt;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}





#advanced{
    margin-top: 70px;
    min-height: 490px;
}

#advanced > row{
    position: relative;
    width:100%;

}


#adv-nav-bar{
    margin-top: 30px;
    text-align: center;
}


.adv-nav-bar-item{
    color: #04c;
    width: 100%;
    padding:8px 0 8px 0;
    text-align: left;

    border: 1px #93c9f9 solid;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 0px 3px 0px #888888;
    -webkit-box-shadow: 0px 0px 3px 0px #888888;
    box-shadow: 0px 0px 3px 0px #888888;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;

}

.adv-nav-bar-item > span{
    margin-left: 10px;
}



.adv-nav-img-separator{
    width: 7%;
    margin: 5px 0 5px 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;

}

.semi-hidden{
    opacity:0.25;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;

}

.nav-item-selected{
    background-color: rgba(159, 216, 255, 0.4);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
}





.nav-item-hover{
    background-color: rgba(255, 182, 0, 0.5);
    border-color: #df8505;
    color: red;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
}


.nav-item-complete{
    background-color: rgba(150, 255, 150, 0.4); 
    border-color: #3cb521;
    color: green;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;


}

.nav-item-notcomplete{
    background-color: rgba(255, 194, 52, 0.2);
    border-color: #df8505;
    color: red;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
}


#adv-content{
    padding-top: 30px;
    text-align: center;
}



#adv-drag-drop-div{
    position:relative;
    min-height: 320px;
    width: 100%;
    border-style: dashed;
    border-width: 8px;
    border-radius: 35px;
    border-color: #3399f3;
    text-align: center;

}


#adv-drag-drop-div.drag{
    border-color: #4fd930;


}


#adv-drag-drop-shadow{
    position: absolute;
    top:0;
    margin-left: -1%;
    margin-top: -1%;
    width: 102%;
    height: 102%;
    z-index: -1; 
    /* 
        position:relative;
    margin:3px 4px 3px 4px;
     width: 99.9%;
     height: 394px; */
    border-width: 0px;
    border-radius: 40px;
    -moz-box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82), 0px 0px 40px 8px rgba(180, 232, 251, 0.82);
    -webkit-box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82),0px 0px 40px 8px rgba(180, 232, 251, 0.82);
    box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82),0px 0px 40px 8px rgba(180, 232, 251, 0.82);

}

#adv-drag-drop-shadow.drag{
    -moz-box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82), 0px 0px 40px 8px rgba(176, 223, 126, 0.82);
    -webkit-box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82),0px 0px 40px 8px rgba(176, 223, 126, 0.82);
    box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82),0px 0px 40px 8px rgba(176, 223, 126, 0.82);
}


#adv-drag-drop-icon-div{
    margin-top:-60px;
    -webkit-transition: all 0.5s ;
    transition: all 0.5s;

}

#adv-drag-drop-icon-div.hover{
    margin-top:-45px ;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

#adv-drag-drop-icon{

    width: 95px;
    border-radius: 30px;
    box-shadow:inset 0px 0px 40px 8px rgba(180, 232, 251, 0.82),0px 0px 40px 8px rgba(180, 232, 251, 0.82);


}

#adv-drag-drop-icon-ondrag{

    width: 95px;
    border-radius: 30px;
    box-shadow:inset 0px 0px 40px 8px rgba(176, 223, 126, 0.82),0px 0px 40px 8px rgba(176, 223, 126, 0.82);
}


#adv-drag-drop-choise-div{
    position:absolute;
    width: 102%;
    top: 80px;
}

#adv-drag-drop-choise-div h3{
    margin:0;
    padding:0;
}

#adv-file-info-div{
    position:relative;
    width: 102%;
    margin-top: 5%;
    margin-bottom: 1%;
}


#adv-file-edit-div{
    position:absolute;
    top:-40px;
    right: 40px;
}



.step-pager{
    margin-top:35px;

}
.pager li > a{
    border-color: gray;
}

.pager li > a .icon-info-sign{
    color:#666666;
}

.pager li > a.green-pager{   
    border-color: green;
    color:green;
    line-height: 30px;
    vertical-align: middle;
}

.pager li > a.green-pager:hover{
    background-color: rgba(150, 255, 150, 0.4);

}

.pager li > a.green-pager i{
    line-height: inherit;
    vertical-align: middle;
}




/*#adv-keygen-div{
    position:relative;
    min-height: 320px;
    width: 100%;
    text-align: center;
    border: 1px #cccccc solid;

    border: 1px #cccccc solid;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 12px 0px #888888;
    -webkit-box-shadow: 0px 0px 12px 0px #888888;
    box-shadow: 0px 0px 12px 0px #888888;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
}*/

/*#adv-keygen-icon-div{
    margin-top:-65px;
}


#adv-keygen-icon{
    width: 125px;
}*/
/*
#adv-keygen-content{
    width: 100%;
    position:absolute; 
}

.keygen-button{
    margin-top:25px;
}*/

/*#adv-keygen-content img{
    margin-top:15px;
}




.key-entry{
    text-align: right;
    font-weight: bold;
}

#change-keygen-div{
    width: 100%;
    text-align: right;
    top:-40px;
    right: 30px;
    position: absolute;

}*/


#adv-sender-div{
    position:relative;
    min-height: 320px;
    width: 100%;
    text-align: center;
    border: 1px #cccccc solid;

    border: 1px #cccccc solid;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 12px 0px #888888;
    -webkit-box-shadow: 0px 0px 12px 0px #888888;
    box-shadow: 0px 0px 12px 0px #888888;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
}

#adv-sender-content{
    width: 100%;
    position:absolute; 
}

#adv-sender-icon-div{
    margin-top:-65px;
}



.sender-choise-button{
    margin-top: 40px;
}


#adv-captcha-elem-div{
    margin-top: 30px;
}


#adv-captcha-try-again{
    margin-top: 25px;
}



.sender-auth-icon-disabled{
    opacity: 0.5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
}

.sender-auth-icon-disabled:hover{
    opacity: 1;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
}

.auth-row{
    height: 55px;
    line-height: 55px;
    vertical-align: middle;
}


#change-sender-div{
    width: 100%;
    text-align: right;
    top:-40px;
    right: 30px;
    position: absolute;
}




#adv-receiver-div{
    position:relative;
    min-height: 320px;
    width: 100%;
    text-align: center;
    border: 1px #cccccc solid;

    border: 1px #cccccc solid;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 12px 0px #888888;
    -webkit-box-shadow: 0px 0px 12px 0px #888888;
    box-shadow: 0px 0px 12px 0px #888888;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
}

#adv-receiver-icon-div{
    margin-top:-65px;
}


#adv-receiver-content{
    width: 100%;
    position:relative; 
}

.receiver-choise-button{
    margin-top: 40px;
}

#change-receiver-div{
    width: 100%;
    text-align: right;
    top:-40px;
    right: 30px;
    position: absolute;
}

#adv-send-div{
    position:relative;
    min-height: 320px;
    width: 100%;
    text-align: center;
    border: 1px #cccccc solid;

    border: 1px #cccccc solid;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 12px 0px #888888;
    -webkit-box-shadow: 0px 0px 12px 0px #888888;
    box-shadow: 0px 0px 12px 0px #888888;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
}


#adv-send-content{
    width: 100%;
    position:relative; 
}

#adv-send-icon-div{
    margin-top:-65px;
}

#adv-send-content{
    margin-top: 15px;
    margin-bottom : 15px;
}

#adv-send-fileinfodiv{
    min-height: 180px;
}

#adv-file-sending-div{
    position:relative;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: left;
}


#adv-sending-file-bardiv{
    position:relative
}


#adv-sending-file-bardiv .progress{
    border-style :solid;
    border-color: gray;
    border-width: thin
}



#adv-sending-file-bardiv span{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 2;
    color: white;
    text-align: center;
    height: 100%;
    font-size: 10pt;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#tab-sender > div{
    padding-bottom: 7px;
}


#downloaded-file-sender > div{
    padding-top: 10px;
}

#yes-receiver-auth-div .tabs-left > .nav-tabs {
    margin-right: 0px;
}

#yes-receiver-auth-div .tab-content{
    border-top: solid 1px #ddd;
}

#adv-send-yes-receiver .tabs-left > .nav-tabs {
    margin-right: 0px;
}

#adv-send-yes-receiver .tab-content{
    border-top: solid 1px #ddd;
}

#yes-receiver-auth-div .tab-pane{
    position:relative;
}

#yes-receiver-auth-div .adv-rec-verified-id-div{
    margin-top:5px;
    padding-top: 10px;
    padding-bottom: 15px;
    border-top: solid 1px #bce8f1;
}

#yes-receiver-auth-div .adv-rec-verified-id-div > div{
    margin-bottom: 8px;
}

.cursor{
    cursor: pointer;
}

.opacity-icon{
    cursor: pointer;
    opacity: 0.5;
}

.opacity-icon:hover{
    opacity:1;
}

.red-opacity-icon{
    color: #ee4056;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

.red-opacity-icon:hover{
    opacity:1;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

.delete-receiver-div{
    position:absolute;
    right: 90px;
    top: 8px;
}

#adv-link-yesreceiver .send-receivers-nav-tabs,#adv-send-yesreceiver .send-receivers-nav-tabs,.send-receivers-nav-tabs{
    margin-right: 0px;
}


#adv-link-yesreceiver  .send-receivers-tab-content,#adv-send-yesreceiver .send-receivers-tab-content,.send-receivers-tab-content{
    border-top: solid 1px #ddd;
    padding-top: 10px;
}

#adv-receivers-link-div{
    text-align: center;
}

#adv-link-yesreceiver .adv-rec-verified-id-div > div{
    margin-bottom: 10px;
}
#adv-link-yesreceiver .adv-rec-verified-id-div > div:last-child{
    margin-top: 20px;
}

#adv-link-yesreceiver .nav-tabs span {
    color: green;
}

#auth-required-div{
    padding-bottom: 35px;
}

.popover-content{
    word-wrap: break-word;
}

#browser-not-supported{
    margin-top: 100px;

}

.browser-not-supported{



    position: relative;
    padding: 15px 0 15px 0;

    height: 335px;
    border: 1px #cccccc solid;

    border: 1px #cccccc solid;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 12px 0px #888888;
    -webkit-box-shadow: 0px 0px 12px 0px #888888;
    box-shadow: 0px 0px 12px 0px #888888;


}

.browser-icon-div{
    margin-top: 10px;
}

.browser-icon{
    width: 100px;
    padding: 0px 15px 0px 15px;
    opacity:0.50;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 

}

.browser-icon:hover{
    opacity:1;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

.alert-div{
    position:fixed;
    width: 400px ;
    min-height: 100px;
    padding:15px;
    margin-left: auto;
    margin-right: auto;
    top: 30%;
    left: 0;
    right: 0;
    opacity: 0.95;

}

.alert-div > .alert{
    width: 100%;
    height: 100%;
}

.advanced-button-div{

    margin-top: 30px;
    text-align: center;
}

#language-menu{
    margin-top: 7px;
    width: 60px;
    height: 30px;
}

.or-between-link{
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

#thanks-modal h1{
    text-align: center;
    color: #008000;
    font-weight: bold;
    font-family: fantasy;
}

#thanks-modal h4{
    color: #0070FF;
    font-style: italic;
}



#howitworks-choice{
    text-align: center;
}

#howitworks-choice .left{
    border-right: 1px solid #eeeeee;
    padding-right: 20px;
}

#howitworks-choice .main-ul{
    min-height: 100px;
}

#howitworks-choice .main-ul li{
    margin-bottom: 5px;
}

.howitworks-block-message{
    min-height: 45px;
    text-align: justify;
    margin: 15px 30px 30px 30px;
}

#presentation-div{
    text-align: center;

}



.presentation{
    width: 700px;
    height: 550px;

    border: 1px #cccccc solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 20px 0px #888888;
    -webkit-box-shadow: 0px 0px 20px 0px #888888;
    box-shadow: 0px 0px 20px 0px #888888;

    overflow: hidden;

}

.accordion-inner{
    text-align: justify;
}

#main-menu-left{
    margin-top: 11px;
    text-transform: uppercase;
}

#main-menu-right{
    margin-top: 10px;
}

.page-header{
    padding-top: 10px;
}

#menu-LOGO{
    opacity:0.75;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#menu-LOGO:hover{
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#registration-modal{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.register-modal-button{
    opacity: 0.5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
    margin-right: 20px;
}

.register-modal-button:hover{
    opacity: 1;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ;
}


.drag-drop-choise-sizelimit-div{
    margin-top: 20px;

}

.drag-drop-choise-sizelimit-div p{
    margin:0;
}

#registered-div{
    text-align: center;
}

#registered-div h4{
    color:blue;
}

#register-choice-div{
    border-top:1px solid #eee
}


.user-dropdown-login{
}
.user-dropdown-login > li:not(:first-child){
    margin-bottom: 10px;
}

#ref-logged-link{
    margin-top:20px;
    color:blue;
}

.justify{
    text-align: justify;
}

.fb-social-page{
    text-decoration: none;
    color:gray;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

.fb-social-page :hover{
    text-decoration: none;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
    color: #04c;
}

.tw-social-page{
    text-decoration: none;
    color:gray;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

.tw-social-page :hover{
    text-decoration: none;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
    color: #00ACEE;
}

.li-social-page{
    text-decoration: none;
    color:gray;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

.li-social-page :hover{
    text-decoration: none;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
    color: #017FB2;
}

#loading-tool-div{
    color: #3399f3;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
}

#loading-tool-div > h3{
    color: #666666;
    margin-bottom: 20px;
}


#html5-validator-link{
    text-decoration: none;
    color:gray;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

#html5-validator-link :hover{
    text-decoration: none;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
    color: #df8505;
}

#css3-validator-link{
    text-decoration: none;
    color:gray;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s 
}

#css3-validator-link :hover{
    text-decoration: none;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
    color: #00ACEE;
}

#slider-div{
    min-height: 0px;
    max-height: 0px;
    overflow:   hidden;
    -webkit-transition: min-height, max-height;
    transition: min-height, max-height;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;

}


#slider-div.display{
    height:auto;
    min-height: 100px;
    max-height: 500px;
}

#slider{
    padding-top: 20px;
    height: 320px;
    margin: 0px;
}



#slider .carousel-indicators li{
    background-color: #e9e9e9;
}

#slider .carousel-indicators .active{
    background-color: #3399f3;
}

#slider .carousel-control{
    border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: white;
    color: #e9e9e9;
    border:0px;
    opacity: 1;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;

}

#slider .carousel-control:hover{
    color:#3399f3;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
}



#slider-arrow i{
    color: #e9e9e9;
    line-height: inherit;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
}

#slider-arrow i:hover{
    color: #3cb521;
    cursor: pointer;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
}


#slider-arrow i.active{
    color: #3cb521;
    cursor: pointer;
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
}


.login-share-icon-drag-drop{
    transition: all 0.5s ;
    -webkit-transition:all 0.5s ;
    cursor:pointer;
}

.login-share-icon-drag-drop:hover{
    color:#3399f3;

}

.link-security-message{
    margin-top: 10px;
    border-top: 1px #ddd solid;
    font-size: 10px;
    font-size: 0.9em;
    color: #888888;
    font-style: italic
}

.file-limit-entry{
    line-height: 30px;
    text-align: right;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}

#file-limit-div{
    width: 100%;
    margin-bottom: 10px;
}

#adv-file-limit-div{
    position: absolute;
    width: 100%;
    margin-top: 20px;
}

#interactive-keygen-choise-div{
    margin-bottom: 15px;
}

#auto-keygen-loading{
    margin-top: 20px;
}

#interactive-keygen-bar-div{
    margin-top: 50px;
}

.search-popover{
    max-width: 400px;
    width: 400px;
}

.search-popover .popover-content{
    padding:9px 0px;
}

.search-popover h5{
    margin:0;
    cursor: pointer;

}

.search-popover .gm-search-element{
    padding:12px 14px 12px 14px;

}

.search-popover .fb-search-element{
    padding:4px 14px 4px 14px;

}



.search-popover h5:hover{
    background-color: rgba(159, 216, 255, 0.4);
}

.receiver-input-usage-popover-div{
    max-width: 400px;
    width: 400px
}