.basic-text,
.basic-text i {
    font-family: Sans-Serif, sans-serif !important;
}

.btn-return {
    width: 6em !important;
}

.inline-blocks {
    display: inline-block;
}

#search-reminder {
    color: #555 !important;
}

.dore-proarti {
    color: black !important;
    background-color: white !important;
    border: solid 2px rgba(162, 142, 92, 0.5) !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

.dore-proarti:hover {
    color: white !important;
    background-color: #A28E5C !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

.blue-proarti {
    color: black !important;
    background-color: white !important;
    border: solid 2px rgba(105, 210, 231, 0.5) !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

.blue-proarti:hover {
    color: white !important;
    background-color: #69d2E7 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

.green-proarti {
    color: black !important;
    background-color: white !important;
    border: solid 2px rgba(0, 211, 163, 0.5) !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

.green-proarti:hover {
    color: white !important;
    background-color: #00D3A2 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

input.reward {
    width: 30px !important;
    height: 33px !important;
    text-align: center;
    font-weight: bold;
    color: #69D2E7;
}

h1 {
    color: #69D2E7;
}

span {
    display: inline;
}

/*
////////////////// proarti colors///////////////////////
*/
.proarti-grey {
    color: #555555;
}

.proarti-blue {
    color: #69D2E7;
}

.proarti-green {
    color: #00CE9E;
}

.proarti-brown {
    color: #A28E5C;
}

.proarti-red {
    color: #E27883;
}


/*/////////////////   end proarti colors   //////////////////////*/


/*
////////////////////////////////////////////////////////////////
//////////////////Buttons proarti global///////////////////////
////////////////////////////////////////////////////////////////
*/


/*/////////////////   proarti no color button   //////////////////////*/


.buttonproarti {
    margin-top: 1em;
    color: #ffffff;
    border-radius: 2px !important;
    padding: 10px !important;
}

.buttonproarti:hover,
.buttonproarti:active {
    color: #ffffff;
    border-radius: 2px !important;
    background-color: transparent !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////   proarti blue button   //////////////////////*/

.buttonproarti-blue {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 3px solid rgba(105, 210, 231, .8);
    background-color: #69D2E7 !important;
}

.buttonproarti-blue:hover,
.buttonproarti-blue:active {
    color: #69D2E7 !important;
    border-color: #69D2E7 !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-blue, a.btn-blue, .btn-blue {
    background-color: #69D2E7 !important;
    color: white !important;
    border: solid 3px #69D2E7 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-blue:hover, a.btn-blue:hover, .btn-blue:hover {
    color: #69D2E7 !important;
    background-color: transparent !important;
    border: solid 3px #69D2E7 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////   proarti red button   //////////////////////*/

.buttonproarti-red {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 3px solid rgba(233, 154, 162, .8);
    background-color: #E99AA2 !important;
}

.buttonproarti-red:hover,
.buttonproarti-red:active {
    color: #E99AA2 !important;
    border-color: #E99AA2 !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-red, a.btn-red, .btn-red {
    background-color: #E99AA2 !important;
    color: white !important;
    border: solid 3px #E99AA2 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-red:hover, a.btn-red:hover, .btn-red:hover {
    color: #E99AA2 !important;
    background-color: transparent !important;
    border: solid 3px #E99AA2 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////   proarti orange button   //////////////////////*/


.buttonproarti-orange {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 3px solid rgba(230, 126, 34, .8);
    background-color: #E67E22 !important;
}

.buttonproarti-orange:hover,
.buttonproarti-orange:active {
    color: #E67E22 !important;
    border-color: #E67E22 !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}


/*/////////////////   proarti green button   //////////////////////*/


.buttonproarti-green {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 3px solid rgba(0, 211, 162, .8);
    background-color: #00D3A2 !important;
    text-decoration: none !important;
}

.buttonproarti-green:hover,
.buttonproarti-green:active,
.buttonproarti-green:after {
    color: #00D3A2 !important;
    border-color: #00D3A2 !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}


button.btn-green, a.btn-green, .btn-green {
    background-color: #00D3A2 !important;
    border-radius: 2px !important;
    color: white !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-green:hover, a.btn-green:hover, .btn-green:hover {
    color: #00D3A2 !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    border: solid 1px #00D3A2;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////   INVERSED proarti green button   //////////////////////*/


.inversed-buttonproarti-green {
    margin-top: 1em;
    color: #00D3A2 !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 2px solid rgba(0, 211, 162, 1.0);
    background-color: transparent !important;
}

.inversed-buttonproarti-green:hover,
.inversed-buttonproarti-green:active,
.inversed-buttonproarti-green:after {
    color: #ffffff !important;
    text-decoration: none !important;
    border-color: #00D3A2 !important;
    border-radius: 2px !important;
    background-color: #00D3A2 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}


button.btn-green, a.btn-green, .btn-green {
    background-color: #00D3A2 !important;
    border-radius: 2px !important;
    color: white !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-green:hover, a.btn-green:hover, .btn-green:hover {
    color: #00D3A2 !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    border: solid 1px #00D3A2;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////   INVERSED proarti WHITE button   //////////////////////*/


.inversed-buttonproarti-white {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 2px solid rgba(255, 255, 255, 1.0);
    background-color: transparent !important;
}

.inversed-buttonproarti-white:hover,
.inversed-buttonproarti-white:active,
.inversed-buttonproarti-white:after {
    color: #00D3A2 !important;
    text-decoration: none !important;
    border-color: #ffffff !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////    proarti BROWN button   //////////////////////*/


.buttonproarti-brown {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 2px solid rgba(162, 142, 92, 1.00);
    background-color: #A28E5C !important;
}

.buttonproarti-brown:hover,
.buttonproarti-brown:active,
.buttonproarti-brown:after {
    color: #A28E5C !important;
    text-decoration: none !important;
    border-color: #A28E5C !important;
    border-radius: 2px !important;
    background-color: #ffffff !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////   proarti grey button   //////////////////////*/

.buttonproarti-grey {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border: 3px solid rgba(149, 165, 166, .8);
    background-color: #95A5A6 !important;
}

.buttonproarti-grey:hover,
.buttonproarti-grey:active {
    color: #95A5A6 !important;
    border-color: #95A5A6 !important;
    border-radius: 2px !important;
    background-color: transparent !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-grey, a.btn-grey, .btn-grey {
    background-color: #95A5A6 !important;
    color: white !important;
    border: solid 3px #95A5A6 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-grey:hover, a.btn-grey:hover, .btn-grey:hover {
    color: #95A5A6 !important;
    background-color: transparent !important;
    border: solid 3px #95A5A6 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

/*/////////////////   proarti contreparties button   //////////////////////*/

.buttonproarti-counterparts {
    margin-top: 1em;
    color: #ffffff !important;
    border-radius: 2px !important;
    padding: 10px !important;
    border-left: 3px solid #69D2E7;
    background-color: #FBFBFB !important;
    text-align: justify !important;
}

.buttonproarti-counterparts h3:hover,
.buttonproarti-counterparts h3:active {
    text-decoration: none !important;
}


.buttonproarti-counterparts:hover,
.buttonproarti-counterparts:active {
    color: #95A5A6 !important;
    border-radius: 2px !important;
    border-left: 3px solid #69D2E7;
    text-decoration: none;
    background-color: RGBA(105, 210, 231, .3) !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-counterparts, a.btn-counterparts, .btn-counterparts {
    background-color: #95A5A6 !important;
    color: white !important;
    border: solid 3px #95A5A6 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

button.btn-counterparts:hover, a.btn-counterparts:hover, .btn-counterparts:hover {
    color: #95A5A6 !important;
    background-color: transparent !important;
    border: solid 3px #95A5A6 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}


/*
///////////   end  Buttons proarti global   ///////////////////
*/

/*/////////////////   proarti CIRCLE button   //////////////////////*/

button.btn-circle, a.btn-circle {
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 50% !important;
    overflow: hidden;
}

.selected {
    background-color: #A28E5c !important;
    box-shadow: #A28E5c 0 0 5px;
}

.selected:hover {
    background-color: white !important;
    border: solid 2px white;
    box-shadow: #A28E5c 0 0 25px;
}

/*.golden-well label,*/
/*.blue-well label,*/
/*.green-well label {*/
/*color: white;*/
/*}*/

/*
///////////   end  CIRCLE Buttons proarti   ///////////////////
*/

/*/////////////////   HOME SERVICE BLOCK proarti BROWN   //////////////////////*/

.serviceblock-brown {
    padding: 20px 30px;
    text-align: center;
    margin-bottom: 20px;
    max-height: 230px;
    text-decoration: none !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    border: 3px solid rgba(162, 142, 92, .8);
    background-color: #A28E5C !important;
}

.serviceblock-brown:hover {
    padding: 20px 30px;
    text-align: center;
    max-height: 230px;
    margin-bottom: 20px;
    border-radius: 2px !important;
    text-decoration: none !important;
    color: #9C8061 !important;
    border: 3px solid rgba(162, 142, 92, .8);
    background-color: #564332 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

#service-block-brown-element {
    color: #ffffff !important;
}

/*
///////////   end  HOME SERVICE BLOCK proarti BROWN   ///////////////////
*/

/*/////////////////   HOME SERVICE BLOCK proarti BROWN   //////////////////////*/

.serviceblock-blue {
    padding: 20px 30px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: none !important;
    border-radius: 2px !important;
    max-height: 250px;
    color: #ffffff !important;
    border: 3px solid rgba(105, 210, 231, .8);
    background-color: #69D2E7 !important;
}

.serviceblock-blue:hover {
    padding: 20px 30px;
    text-align: center;
    max-height: 250px;
    margin-bottom: 20px;
    border-radius: 2px !important;
    text-decoration: none !important;
    color: #69D2E7 !important;
    border: 3px solid rgba(105, 210, 231, .8);
    background-color: #3f7787 !important;
    -webkit-transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -ms-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    transition: color 1s, background-color 1s;
}

#service-block-blue-element {
    color: #ffffff !important;
}


/*
///////////   end  HOME SERVICE BLOCK proarti BROWN   ///////////////////
*/

/*/////////////////   HOME alerts by colors   //////////////////////*/

.home-alert {
    padding: 1em;
    margin-bottom: -2px;
    color: white;
}

.alert-orange {
    background: #F0AD4E;
}

.alert-green {
    background: #5CB85C;
}

.alert-blue {
    background: #0275D8;
}

.alert-light-blue {
    background: #5BC0DE;
}

.alert-red {
    background: #D9534F;
}


#btnoperation,
#btnoperation:hover,
#btnoperation:active {
    /*margin-top: 1em;*/
    text-decoration: none !important;
}

#submit-don {
    font-size: 24px;
    text-transform: capitalize;
}

.titleProarti {
    color: #69D2E7;
    /*margin-top: 1em;*/
    margin-bottom: 1em;
}

.titleProarti h4 :hover {
    color: #69D2E7;
}

.proartiGreen {
    color: #00D3A2;
    margin-bottom: 0;
}

/*.modal-title-don {*/
/*!*color: #ffffff;*!*/
/*font-size: 20px;*/
/*}*/
.modal-title-don:hover {
    color: #69d2e7;
}

#subtitleProartiDon {
    margin-bottom: 8px !important;
}

#modal-size {
    max-width: 20%;
}

#switch {
    margin-top: 2em;
}

.hr {
    border: none;
}

#boxDonation {
    box-shadow: 0 0 30px #bbb;
}

.grey-box {
rgba(112, 128, 144, 0.15)
}

#recap {
    margin-top: 1em;
}

#wizardpayment {
    border: 1px solid #eeeeee;
}

#category-color {
    color: #69D2E7;
}

#project-text:hover {
    text-decoration: none !important;
}

.followbtn-position {
    margin-top: 20px !important;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:after {
    background: #00CE9E;
    color: #ffffff;
}