@font-face {
    font-family: proxima-nova; /*Arvo(Arvo-Regular.ttf), PT_Sans(PT_Sans-Web-Regular.ttf), Sorce_Sans_Pro(SourceSansPro-Regular.ttf)*/
    src: url(proxima-nova-regular.woff);
}

body {
	width: 300px;
	/*height: 280px;*/
    /*font-family:  'Open Sans', sans-serif;*/
    /*font-family:  'Sorce_Sans_Pro', sans-serif !important;*/
    font-family: 'proxima-nova', 'AvenirNext-Regular', 'HelveticaNeue', Helvetica, Arial, sans-serif !important;
    font-size: 15px;
    margin: 0 !important;
    padding: 1.6em 1.2em;
    /*border: 1px solid black;*/
}

#outline,
ul,
li {
    width: 100%;
}

li {
    /*border-bottom: 1px solid #E0E0E0;*/
    text-align: center !important;
}

#reminder-view {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

#reminder-view .row {
	padding: 1.15em 0;
}

/*#reminder-view input[type="text"],
#reminder-view input[type="number"] {
	margin: 0 !important;
}*/

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

.card {
 /*   -webkit-perspective: 800;*/
    width: 50px;
    height: 50px;
    position: relative;
    /*margin: 50px auto;*/
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
}

.card.flipped {
    -webkit-transform: rotatey(-180deg);
}

.card .face {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    z-index: 2;
    font-size: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.30s ease-in-out;
}
.card .front {
    position: absolute;
    z-index: 1;
    background: #F9690E;
    color: white;
    cursor: pointer;
}
.card .back {
    -webkit-transform: rotatey(-180deg);
    background: #F9690E;
    /*background: #3498DB;*/
    color: white;
    cursor: pointer;
}

.round-el {
    font-weight: bold;
}

.row-disabled .round-el {
    background: #D2D7D3 !important;
    color: #EBEBEB !important;
}

.row-disabled .row-title {
    color: #A9B2AA;
}

.round-input-box::-webkit-input-placeholder {
    color: #EBEBEB;
}

.round-input-box {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*border: 2px solid #26C281;*/
    border: none;
    box-shadow: none;
    background: #26C281;
    color: white;
    outline: none;
    font-size: 15px;
    -webkit-transition: all 0.40s ease-in-out;
}

.round-input-box:focus {
    /*-webkit-box-sizing:border-box;*/
    /*border: 1px solid #1B885B;*/
    box-shadow: 0px 0px 0px 2px #1B885B inset;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

input[type="text"] {
    font-family: inherit;
    font-size: inherit;
}

.display-inline {
    display: inline-flex;
}

.row-el {
    padding: 0 5px;
}

.flat-text-box {
    display: block;
    margin: 0;
    width: 100%;
    font-family: sans-serif;
    font-size: 15px;
    appearance: none;
    box-shadow: none;
    border-radius: none;

    padding: 10px 0;
    border: none;
    transition: border 0.3s;
    color: #3498DB;
    outline: none;
}

.flat-text-box::-webkit-input-placeholder {
    color: #A8D3F0;
}

.flat-text-box-cont {
    /*border-bottom: solid 2px #C9C9C9;*/
    border-bottom: solid 1px #A8D3F0;
    width: 100%;
}

.flat-text-box-filled {
    /*border-bottom: solid 2px #969696;*/
    border-bottom: solid 1px #3498DB;
}

#reminder-msg {   
    margin: 0 10px !important;
    text-align: center;

}

.flat-btn {
    display: inline-block;
    /*margin: 0 10px 0 0;*/
    padding: 15px 45px;
    font-size: 14px;
    font-family: inherit;
    /*line-height: 1;*/
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    cursor: pointer
}

.flat-btn:focus {
    outline: none
}

.flat-btn {
    color: #FFFFFF;
    background-color: #3498DB;
    border: none;
}

.flat-btn:hover {
    background-color: #258CD0;
}

.flat-btn:active {
    background-color: #2280BF;
}

#notification-box {
    height: auto !important;
}

.row-title {
    color: #000000;
    padding-bottom: 10px;
    cursor: pointer;
    font-weight:600;
}

.round-input-box.orange {
    background-color: #F9690E;
}

.round-input-box.orange:focus {
    box-shadow: 0px 0px 0px 2px #C74F05 inset;
}

.manage-sound {
    height: 26px;
    width: 26px;
    margin-top: 8px;
    padding-right: 5px; 
    cursor: pointer;
    background: url("../assets/icons/grey-disabled-24.png") no-repeat;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
}

.manage-sound span {
    -webkit-transform: rotate(-35deg);
    margin-top: 26px !important;
}

.enable-sound {
    background: url("../assets/icons/blue-enabled-24.png") no-repeat !important;
}