/*!
 * inputs.less
 *
 * Copyright 2016 Achraf Chouk
 * Achraf Chouk (https://github.com/crewstyle)
 */


input[type=checkbox]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    border: 1px solid @primary;
    color: @primary;
    outline: 0;
    -webkit-box-shadow: 0 0 2px fade(@second, 80%);
    -moz-box-shadow: 0 0 2px fade(@second, 80%);
    box-shadow: 0 0 2px fade(@second, 80%);
}
input[type=radio]:checked:before {
    background-color: @main;
}
textarea:focus {
    color: @black;
}
.drag-drop #drag-drop-area {
    background-color: @white;
    border: 4px solid @white;
    position: relative;
    -webkit-box-shadow: 0 3px 0 1px fade(@black, 5%);
    -moz-box-shadow: 0 3px 0 1px fade(@black, 5%);
    box-shadow: 0 3px 0 1px fade(@black, 5%);
}
.drag-drop.drag-over #drag-drop-area {
    border-color: @primary;
}
.drag-drop .drag-drop-inside {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}