body{margin:0; padding:0; font-family:'Dosis'; color:#2c2c34;  background-color:#fafcfe;text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}
body#login{background-color:#554e9f; color:#FFF;}
h1,h2,h3,h4,h5,h6,p{margin-top:0}
a{text-decoration:none;}
.clear{clear:both;}
a img{border:0;}
i{display:inline-block; background:url(../img/home/tp.png) no-repeat center center; background-size:contain; line-height:1; margin-left:.1em; font-size:80%; }
i em{visibility:hidden;}
.time{background:url(../img/time.png) no-repeat left center; padding-left:18px; color:#b2b2b2; font-family:'Dosis Semi Bold'; font-size:14px;}

#container{width:100%; position:relative; }
#left{width:300px; background:url(../img/left-bg.png) repeat-x #3f8dcb; min-height:100%; position:fixed; left:0; top:0;}

#user-info{height:360px;}

#user-avatar{padding-top:30px}
#user-avatar img{display:block; width:140px; border-radius:50%; margin:auto; margin-bottom:30px;}

#profile-name{text-align:center; padding:0 30px; color:#FFF; font-size:26px; font-family:'Dosis Medium'; line-height:18px;}
#profile-name span#profile-title{font-size:14px; font-family:'Dosis Light'; color:#9ca5d0; display:block }

#user-point-summary{margin:20px 35px; border-top:1px solid #3f8dcb; border-bottom:1px solid #3f8dcb; padding:10px; text-align:center; font-family:'Dosis Medium';color:#7086c1; }
#user-point-summary strong{color:#FFF; font-family:'Dosis Bold'; font-size:25px;}

#user-total-point{font-size:20px; margin-bottom:10px; }
#user-left-point{font-size:15px; }
#user-left-point strong{font-size:17px; }

#left-menu-wrapper{height:100%; position:fixed; width:300px;}

#left-menu ul{margin:0; padding:0; width:100%;}
#left-menu ul li{position:relative;}
#left-menu ul li a{display:block; position:relative;  font-size:18px; color:#FFF; line-height:1;  padding:15px; padding-left:95px;}
#left-menu ul>li a.selected{background:url(../img/icon/menu/bg.png)}
#left-menu ul>li a.expandable{}

#left-menu ul li ul{display:none;}
#left-menu ul li ul li{background:none;}
#left-menu ul li ul li a{font-family:'Dosis'; font-size:15px; padding:10px; padding-left:60px; color:#d9dfec; }
#left-menu ul li ul li a.selected{background:url(../img/icon/menu/submenu-bg.png)}
#left-menu ul>li.selected ul li{background:none;}

#left-menu ul li a i{position:absolute; background:url(../img/icon/menu/flood.png) no-repeat left top; width:30px; height:30px; left:60px; top:50%; margin-top:-15px;}
#left-menu ul li:nth-child(2) a i{background-image:url(../img/icon/menu/gift.png)}
#left-menu ul li:nth-child(3) a i{background-image:url(../img/icon/menu/reports.png)}
#left-menu ul li:nth-child(4) a i{background-image:url(../img/icon/menu/admin.png)}
#left-menu ul li:nth-child(5) a i{background-image:url(../img/icon/menu/settings.png)}





#header{background-color:#4d95ce; position:fixed; left:300px; top:0; height:120px; width:calc(100% - 300px); z-index:30;}

#header h2{color:#FFF; font-family:'Dosis Semi Bold'; font-size:18px; margin:0; line-height:18px; padding:16px 0; margin-left:30px; padding-left:40px; background:url(../img/icon/menu/flood.png) no-repeat left center}
#header h2.header-gifts{background-image:url(../img/icon/menu/gift.png)}
#header h2.header-reports{background-image:url(../img/icon/menu/reports.png)}
#header h2.header-settings{background-image:url(../img/icon/menu/settings.png)}
#header h2.header-profile{background-image:url(../img/icon/menu/avatar.png)}
#header h2.header-admin{background-image:url(../img/icon/menu/admin.png)}


#header-logo{display:block; margin:0 15px;}
#top-menu{position:absolute; right:0; top:0; }
#top-menu a{height:70px; border-left:1px solid #4c468f; background:url(../img/icon/menu/alert.png) no-repeat center 10px; display:block; color:#FFF; text-align:center;float:left; padding:40px 15px 0 15px; box-sizing:border-box; font-size:14px;}

body#home #top-menu a:nth-child(1){display:none;}
body#home #top-menu a:nth-child(1) span{color:#ff0000}
#top-menu a:nth-child(2){background-image:url(../img/icon/menu/language.png)}
#top-menu a:nth-child(3){background-image:url(../img/icon/menu/avatar.png)}
#top-menu a:nth-child(4){background-image:url(../img/icon/menu/logout.png)}

.excel {background: url(../img/export_ico.png) no-repeat 95% center #554e9f;border-radius: 5px;font-size:16px;color:#ffffff;font-weight: 600;padding:6px 25px 5px 10px;float:right}

#header-bar{height:50px; padding:10px 0; position:relative;  background-color:#554e9f;}
#action-menu{height:50px; background-color:#3f8dcb; width:680px;}
#action-menu a.uclu{font-family:'Dosis Semi Bold'; color:#90c7f2; font-size:18px; display:block; line-height:18px; padding:16px 35px; float:left; }
#action-menu a{font-family:'Dosis Semi Bold'; color:#90c7f2; font-size:16px; display:block; line-height:18px; padding:16px 25px; float:left; }
#action-menu a:hover, #action-menu a.selected{color:#FFF;}
#notification-bar{position:fixed; width:320px; height:calc(100% - 70px); right:0; top:70px; background-color:#f5f9fc; z-index:40;}
#notifications-wrapper{height:calc(100% - 50px);}

#notification-bar .section-header{height:50px; background-color:#4d95ce; color:#fafbfd; display:table; width:100%; position:relative;}
#notification-bar .section-header h2{margin:0; padding:0; display:table-cell; vertical-align:middle; height:100%; font-family:'Dosis Semi Bold'; font-size:18px; padding-left:55px;}
#notification-bar .section-header #notifications-icon{position:absolute; width:55px; height:100%; background:url(../img/icon/menu/alert.png) no-repeat 20px center;}
#notification-bar .section-header #notifications-icon span{background-color:#d82669; padding:2px 7px; border-radius:5px; text-align:center; position:absolute; left:10px; bottom:0px; font-family:'Dosis Bold'; font-size:16px;}
#content{margin:120px 0 0 300px; background-color:#fafcfe; width:960px; padding:15px;}
#content h2{color:#554e9f; font-size:22px; font-family:'Dosis Medium'; font-weight:normal; padding-left:35px;}
#content.m0{margin-top:0}
body#home #content{width:680px; padding:0}

#home-wrapper{padding:25px;}
#tesekkur-et-action h2{font-family:'Dosis Semi Bold'; font-size:20px; color:#554e9f; background:url(../img/home/te-icon.png) no-repeat 5px top; padding-left:70px; margin:0; padding-bottom:15px; border-bottom:1px solid #eaeaea; }
.wall-item{background-color:#FFF; border:1px solid #eaeaea; padding:10px; border-radius:10px; margin-bottom:20px; position:relative;}
.wall-item#tesekkur-et-action {padding-bottom:0;}
.wall-item .edit-msg {position: absolute;top:-1px;right:-1px;width: 36px;height:30px;text-decoration:none}
.noborderbottom {border-bottom:0 !important}

#tesekkur-et-action h2 small{display:block; font-size:14px; color:#8e8d95;}

.wall-left, .wall-item-body{float:left;width:120px; position:relative; min-height:120px;} 
.avatar-wrapper{position:absolute; padding-left:30px; padding-top:10px;}
.avatar-wrapper .avatar-primary img{width:40px; border:5px solid #577ebe; border-radius:50%; position:absolute; left:0; top:0; }
.avatar-wrapper .avatar-secondary img{width:70px; border:5px solid #577ebe; border-radius:50%; }
.wall-item-body{ margin-right:10px; width:calc(100% - 130px);}
.wall-item-connection{font-size:20px; color:#2c2c34; font-family:'Dosis Bold';}
.wall-item-connection .to{background:url(../img/home/connection.png) no-repeat left top; padding-left:35px; display:block; color:#3f8dcb; font-size:18px;}
.wall-item-connection .time{float:right; margin-right:25px;}

.wall-tags{border-top:#e5d9e9 1px solid; padding-top:10px; display:inline-block;}
.wall-tags span{margin-right:15px; color:#554e9f; font-family:'Dosis Bold';}
.wall-text{font-family:'Dosis Medium'; font-size:15px; margin:15px 0;word-wrap:break-word}
.tp-container{background-color:#554e9f; width:auto; position:absolute; z-index:5; font-family:'Dosis Extra Bold'; color:#FFF; text-align:center; padding:1px 13px; font-size:24px; border-radius:30px; right:0; margin-right:5px; top:80px;}
.tp-container img{width:.65em;}




#search-text{background:url(../img/home/search-bar-icon.png) no-repeat 15px center; border:0 none; outline:none; width:100%; box-sizing:border-box; padding:15px; padding-left:50px; font-size:25px; color:#2c2c34; font-family:'Dosis';}

.eac-item img{width:50px; border-radius:50%; border:4px solid #f1f1f1;}


.notice{padding:13px 25px; border-bottom:1px solid #e7e9ea;}
.notice.tp{background:url(../img/notifications/tp.png) no-repeat right center;}
.notice.gift{background:url(../img/notifications/gift.png) no-repeat right center;}
.notice h2{margin:0; padding:0; font-size:14px; font-weight:700; font-family:'Dosis Bold';}
.notice-point{background-color:#554e9f; display:inline-block; border-radius:30em; padding:0 10px; color:#FFF; font-size:20px;font-family:'Dosis Bold';}

.valtips {display: none;border:1px solid #cccccc;font-size:14px;border-radius: 10px;padding:10px;position: absolute;width: 90%;background:#3f8dcb;color:#ffffff;z-index: 99}

.wall-item#tesekkur-et-form{padding:0; overflow:hidden;display:none}

#send-thanks #thanks-profile .avatar img{width:60px; border-radius:50%; border:4px solid #FFF; float:left; margin-right:20px;}
#send-thanks #thanks-profile{background-color:#554e9f; padding:10px 20px; font-family:'Dosis Semi Bold'; font-size:24px; color:#FFF;}
#thanks-profile-name{padding-top:8px;}
#thanks-profile-title{display:block; color:#bfbfbf; font-family:'Dosis Light'; font-size:16px;}
.thanks-form-section{padding:10px 20px; border-bottom:1px solid #ededed;}
#point-section{float:left; width:420px; padding-right:20px; }
#point-section h2{float:left; font-family:'Dosis Medium'; font-size:20px; line-height:20px; padding-top:10px; width:220px; padding-left:0;}
#point-section h2 small{font-size:16px; color:#ababae; font-weight:300}
#left-point-section{float:left; width:100px; border-left:1px solid #ededed; padding:0 20px; color:#959599; font-size:16px; font-family:'Dosis Medium'; }
#left-point-section span{font-size:30px; font-family:'Dosis Bold'; color:#554e9f;}
#left-point-section span i{font-size:80%;}
#point-input{border:1px solid #ededed; float:left; padding:10px; border-radius:10px; font-size:30px; margin:0 10px; box-sizing:border-box; width:calc(100% - 240px); font-family:'Dosis Extra Bold'; font-weight:900}
#point-input input{width:100px; border:0; font-size:25px; line-height:0; padding:0; font-family:'Dosis Bold'; outline:none;}
#point-input i{background-position:left bottom;}
.thanks-form-section textarea{width:100%; border:0 none; outline:none; font-family:'Dosis Medium'; font-size:20px;}
.thanks-form-section#company-values{background-color:#f8f8f8; padding:10px 20px; color:#929296; font-family:'Dosis Medium'; font-size:18px;}
.thanks-form-section a.info { float:right}

.thanks-form-section#thanks-action-bar{padding:0; }
.thanks-form-section#thanks-action-bar button{border-radius:0; font-size:22px; font-family:'Dosis Extra Bold'; border:none; width:70%; float:left;}
.thanks-form-section#thanks-action-bar button.reset{float:left; width:30%}

.edit-box-out {width:100%;position: relative;background:#ffffff;}
.edit-box {width:600px;position: fixed;z-index:100;background:#ffffff;display:none;border-top-left-radius: 5px;border-top-right-radius: 5px;top:45%;}
.edit-form-section{padding:10px 20px; border-bottom:1px solid #ededed;}
.edit-form-section textarea{width:100%; border:0 none; outline:none; font-family:'Dosis Medium'; font-size:20px;}
.edit-form-section#company-values{background-color:#f8f8f8; padding:10px 20px; color:#929296; font-family:'Dosis Medium'; font-size:18px;}

.edit-form-section#thanks-edit-bar{padding:0; }
.edit-form-section#thanks-edit-bar button{border-radius:0; font-size:22px; font-family:'Dosis Extra Bold'; border:none; width:70%; float:left;}
.edit-form-section#thanks-edit-bar button.edit-reset{float:left; width:30%}

#overlay{
	position: fixed;
	top:0px;
    left:0px;
    bottom:0px;
    right:0px;
	display: none;
    background-color:rgba(0,0,0,0.8);
	z-index:99;
}

#thanks-success{position:fixed; z-index:10002; left:0; top:0; width:100%; height:100%; background:url(../img/icon/popup/bg.png); display:none;}
#thanks-success #success-wrapper{background:url(../img/success/thanks-bg.png?p=1) no-repeat center top; width:410px;  background-size:contain; box-sizing:border-box; margin:auto; border:2px dashed #7772b1; border-radius:20px; padding:50px 0; margin-top:150px;}
#thanks-success #success-image{background:url(../img/success/thanks-image.png) no-repeat left top; width:40%; padding-top:25%; position:relative; left:30%; background-size:contain; margin-bottom:2em;  animation:blink 2s infinite ease-in-out;}
@keyframes blink{
	0%{top:0;}
	50%{top:20px;}	
	100%{top:0;}	
	
}

#thanks-success h1{text-align:center; font-family:'Dosis Extra Bold'; color:#FFF; font-size:3em;}
#thanks-success small{display:block; font-family:'DOsis Medium'; font-size:1em; text-align:center; color:#FFF;}

#success-points{text-align:center; padding-top:2em; display:table; margin:auto;}
.points-given{display:table-cell; vertical-align:middle; padding:0 .75em}
.points-given:nth-child(2){border-left:#8682b9 1px solid; text-align:left; color:#FFF; font-size:1em; line-height:1.5em}
#success-points .points-given:nth-child(2) .point{font-size:1.5em}



#thanks-success .point{font-size:40px; font-family:'Dosis Bold'; line-height:1; color:#FFF; background-size:contain; padding-right:1em; background-repeat:no-repeat;}
#success-points .point i{font-size:80%;}
#thanks-ok-wrapper{text-align:center; padding-top:2em;}


/* Hediyeler */

.gifts-container{padding:10px;}
.gifts-container .gift{width:260px; margin:20px; float:left; background-color:#ffffff; box-shadow: 1px 1px 10px 0px rgba(43,39,91,0.15); color:#2c2c34;}
.gifts-container .gift h2{padding:10px; font-size:20px; font-weight:normal; height:40px;}
.gifts-container .gift img{width:100%; display:block;}
.gift-footer{text-align:center; border-top:1px solid #f0efef; padding:5px; font-family:'Dosis Bold'; font-size:30px;}
.gifts-container .gift img.header-img{display:none;}

.popup-wrapper#gift-detail{border-radius:0; width:700px; margin:auto;}
#gift-detail .popup-section{color:#2c2c34; font-family:'Dosis'; font-size:1em;}
#gift-popup-header-img {padding:10px}
#gift-popup-header-img img{width:280px; float:left;}
#gift-popup-info{float:left; width:400px;}
#gift-detail #gift-header{font-size:25px; font-family:'Dosis Medium'; padding:20px 25px; line-height:25px;}
#gift-desc{height:160px; padding:0 25px;}

#gift-detail .popup-section#gift-point{font-size:41px; font-family:'Dosis Bold'; padding:10px 0; text-align:center;}
#gift-detail .popup-section#gift-point i{font-size:70%;}
#gift-detail .popup-section#gift-point i{font-size:70%;}
#gift-send-btn{background-color:#554e9f; font-size:1.2em; color:#FFF; padding:1em; text-align:center; width:100%; display:block; font-family:'Dosis Bold'; border:none;}

#gift-popup-warning{background-color:#f8f8f8; text-align:center; font-family:'Dosis Bold'; font-size:20px; color:#554e9f; line-height:20px; padding:35px 0; border-bottom:1px solid #f0efef;}


/* Profile */

body#profile-page #user-info{display:none;}
body#profile-page #left-menu{margin-top:130px;}
.cover-image{width:calc(100% - 300px); height:250px; position:relative; margin-left:300px; margin-top:120px; background-color:#554e9f; overflow:hidden;}
.cover-image #cover-image{position:absolute; left:0; top:0; width:100%; margin-top:-30%; opacity:.5;z-index:5; filter:blur(7px); -webkit-filter: blur(7px);}
.cover-image .avatar{position:absolute; left:35px; bottom:20px;display:block; width:200px; z-index:14; border-radius:50%;}
.cover-image #profile-name{position:absolute; z-index:20; text-align:left; left:230px; top:50px; font-family:'Dosis Medium'; font-size:32px; line-height:normal}
#avatar-change-btn{background:url(../img/icon/profile/change-btn-tr.png?p=1) no-repeat left top; width:50px; padding-top:50px; background-size:contain; position:absolute; left:185px; z-index:15; bottom:35px;}

#profile-point-summary{position:absolute; z-index:10; bottom:0; left:0; width:100%; background:rgba(85, 78, 159, .6);color:#FFF; text-align:right; padding:10px; font-size:16px; box-sizing:border-box;}

#profile-point-summary strong{display:block; font-size: 35px; font-family:'Dosis Bold'; line-height:1; float:right; margin-left:20px;}
#profile-point{font-size:45px; color:#FFF; font-family:'Dosis Bold'; margin-top:20px;}


.profile-section{background-color:#FFF; border:#eaeaea 1px solid; border-radius:10px; margin:20px; overflow:hidden;}

.profile-section#company-values{}
.profile-section#thanks-stats{border-bottom:1px solid #ededed}

.profile-section h3{color:#929296; font-size:18px; font-family:'Dosis Medium'; color:#3f8dcb; border-bottom:1px solid #ededed; font-weight:normal; padding:10px 20px; margin-bottom:0}

.company-value{display:inline-block; padding:5px 10px; background-color:#554e9f; color:#FFF; font-size:16px; font-family:'Dosis Medium'; margin:10px; position:relative; border-radius:10em; padding-left:40px}
.company-value strong{display:block; vertical-align:middle; left:3px; top:3px; position:absolute; background-color:#ffffff; color:#554e9f; border-radius:50%; width:25px; height:25px; text-align:center; line-height:160%;}

.stat-section{float:left; width:50%; text-align:center; margin:20px 0; display:table; height:80px;}
.stat-section:nth-child(2){border-right:2px #e0dfdf solid; width:calc(50% - 2px);}
.stat-section h3{color:#554e9f; font-family:'Dosis Extra Bold'; border:none; text-align:right; float:left; width:calc(50% - 60px); padding:0; margin:0; padding-top:20px;  }
.stat-section img{width:80px; margin:0 20px; border-radius:50%; float:left;}
.stat-section div{font-family:'Dosis Medium'; border:none; text-align:left; float:left; width:calc(50% - 60px); padding:0; margin:0; padding-top:20px; font-size:20px; }
.stat-section div span{display:block; font-family:'Dosis Light'; font-size:15px; color:#9f9d9d;}

.profile-section#account-settings-form,.profile-section#avatar-form{width:380px; margin:0; }
.profile-section#avatar-form img{display:block; width:calc(100% - 2px); border:1px solid #ededed;}
.profile-section#avatar-form .form-row{padding-top:15px;}
.profile-section#avatar-form .upload-btn{position:absolute; right:16px; top:16px; background:url(../img/icon/profile/avatar-upload-btn-tr.png) no-repeat center center; width:60px; height:60px;}


.profile-section#account-settings-form h3{margin-bottom:30px; background:url(../img/profile/lock.png) no-repeat left center; padding-left:30px;}

/* Raporlar */ 
#report-container{border:#eaeaea 1px solid; border-radius:10px; background-color:#FFF; overflow:hidden;}
#report-filter{padding:10px 20px; background-color:#f8f8f8;}
#report-filter .form-row input{font-family:'Dosis Medium'; font-size:18px;}
#report-filter .form-row {padding-left:0}
#report-content{padding:10px 20px;}
.report-desc{padding-left:15px; padding-bottom:15px; border-bottom:1px solid #eaeaea; font-size:16px; font-family:'Dosis Medium'; margin-bottom:10px;}

.bar-graph{position:relative; height:260px; }
.series-container{}
.bar-serie{height:200px; width:200px; background-color:#554e9f; position:absolute; margin:30px 0; bottom:0}
.bar-serie-name{position:absolute; left:0; bottom:-30px; text-align:center; width:100%;}
.bar-serie-value{position:absolute; left:0; top:-20px; text-align:center; width:100%;}
.bar-serie-name,.bar-serie-value{color:#554e9f; font-family:'Dosis Semi Bold';}

.bar-serie:nth-child(2){background-color:#53c871; left:200px;}
.bar-serie:nth-child(2) .bar-serie-name, .bar-serie:nth-child(2) .bar-serie-value{color:#53c871}

#report-content table{width:100%; }
#report-content th{text-align:left; font-size:16px; font-family:'Dosis Bold';padding:15px 10px;}
#report-content td{font-size:16px; padding:15px 10px;}
#report-content tr:nth-child(2n) td{background-color:#f8f8f8;}
#report-content tr:hover td{background-color:#53c871; color:#FFF; }

.parted-graph{width:200px; height:20px; position:relative;}
.parted-graph span{display:block; float:left; font-size:0; background-color:#ffabab; width:0; height:100%;}
.parted-graph span:nth-child(2), .parted-graph .hint div:nth-child(2) span, #parted-graph-legend span:nth-child(2) i{background-color:#ffdaab;}
.parted-graph span:nth-child(3),.parted-graph .hint div:nth-child(3) span,#parted-graph-legend span:nth-child(3) i{background-color:#8fd429;}
.parted-graph span:nth-child(4),.parted-graph .hint div:nth-child(4) span,#parted-graph-legend span:nth-child(4) i{background-color:#abe4ff;}
.parted-graph span:nth-child(5),.parted-graph .hint div:nth-child(5) span,#parted-graph-legend span:nth-child(5) i{background-color:#d9abff;}

.parted-graph .hint{display:none; position:absolute; left:-5px; top:30px; background-color:#FFF; padding:10px 20px; border-radius:10px; -webkit-box-shadow: 0px 0px 9px 1px rgba(43,39,91,0.17);
-moz-box-shadow: 0px 0px 9px 1px rgba(43,39,91,0.17);
box-shadow: 0px 0px 9px 1px rgba(43,39,91,0.17);}
.parted-graph .hint span{width:20px; height:20px; padding:5px; float:none; display:inline-block; font-size:16px; color:#FFF; font-family:'Dosis Bold'; text-align:center;}

.parted-graph .hint b{position:absolute; left:10px; top:-7px; background:url(../img/hint-arrow.png) no-repeat left top; width:17px; height:9px; display:block;}


.parted-graph:hover .hint{display:block; z-index:50;}

#report-content tr:hover td .parted-graph:hover .hint{color:#2c2c34;}

.no-gift-image {margin-top:30px}
.no-gift-image img {display: block;   margin: auto auto; width: 90%}
.no-gift-msg {display: block;   margin: auto auto;text-align: center;color:#2c2c34;font-size:1.5em;}


#parted-graph-legend{margin:10px 0; padding:0 10px}
#parted-graph-legend span{margin-right: 30px; font-family:'Dosis Medium'; font-size:14px; color:#959599; position:relative; padding-left:30px; }
#parted-graph-legend span i{display:inline-block; width:20px; height:20px; background:none; background-color:#ffabab; position:absolute; left:0; top:-3px; }

#report-content td a.action{background-color:#53c871; color:#FFF; padding:5px 10px; font-family:'Dosis Bold'; font-size:14px;}
#report-content td a.action.decline{background:#d82669;}
#report-content td a.action.edit{background:#eec211;}
#report-content td a.action.delete{background:#d82669;}

.accepted{color:#53c871;font-family:'Dosis Bold'; font-size:16px; }
.declined{color:#d82669;font-family:'Dosis Bold'; font-size:16px; }

.add-btn{float:right; background-color:#53c871; margin:0 2px;padding:10px 20px; font-size:18px; font-family:'Dosis Extra Bold'; color:#FFF; border-radius:5px;}

#gift-list-table td img{width:70px;}
#report-content #gift-list-table td {padding:5px;}

.profile-section#gift-form{width:630px; margin:0; padding-top:20px}
.profile-section#gift-form label{float:left; width:180px; text-align:right; margin-right:10px; padding-top:5px;}
.profile-section#gift-form label.radiobox,.profile-section#gift-form label.checkbox{display:block; float:left; width:calc(50% - 11px); border-left:1px solid #ededed; text-align:left; margin:0; color:#2c2c34; font-size:16px; box-sizing:border-box; padding-left:40px;}

.profile-section#gift-form label.radiobox{background:url(../img/form/radio-unchecked.png) no-repeat 20px center;}
.profile-section#gift-form label.radiobox.checked{background:url(../img/form/radio-checked.png) no-repeat 20px center;}

.profile-section#gift-form input,.profile-section#gift-form select,.profile-section#gift-form textarea{float:left; width:calc(100% - 200px); font-size:16px; font-family:'Dosis'; padding:10px;}

.profile-section#gift-form input.btn{width:65%; background-color:#53c871; padding:20px 0}
.profile-section#gift-form input.btn.reset{width:35%; background-color:#b9b9b9;}
.form-row div.form-input{float:left; width:calc(100% - 200px);}


.form-row .form-input#change-picture input{width:290px; margin-right:10px;}
.form-row .form-input#change-picture img{float:left; width:98px; border:1px solid #ededed;}

.profile-section#gift-form textarea{min-height:100px;}


#login-form-wrapper{width:356px; margin:auto; margin-top:200px;}
#login-form-wrapper .form-row{margin-bottom:10px; padding:0;}
#login-form-wrapper .form-row input{font-family:'Dosis Medium'; font-size:18px; border:1px solid #ededed; padding:10px 20px;}

#login-form-wrapper .form-row {text-align:center;}
.login-action-link{display:inline-block; background-color:#515aa8; padding:10px 20px; color:#FFF; line-height:16px; font-size:16px; }
.lang{display:inline-block; background-color:#4679bd; padding:10px 20px; color:#FFF; line-height:16px; font-size:16px; }
.alert{display:none;  border-radius:5px; background:url(../img/alert.png) no-repeat #d82669 10px center ;padding:10px 20px 5px 90px; color:#FFF; line-height:20px; font-size:17px; position:relative;text-align:left;height:75px;height:60px !important}
.alert img {float:left;width:10%;padding-right:10px}
#remind-password-form{display:none;}


/* Popup */
.popup-wrapper{display:none; background-color:#ffffff; vertical-align:middle;}
.popup-wrapper h2{background:url(../img/icon/wall/connection.png) no-repeat left top; padding-left:1.5em; background-size:contain;}
.popup-bg{background:url(../img/icon/popup/bg.png); position:fixed; left:0; top:0; height:100%; width:100%; z-index:10000; display:table;}
.popup-bg-inner{width:auto; height:auto; display:table-cell; vertical-align:middle;}
.popup-bg .popup-wrapper{display:block; z-index:10001; position:relative; }
.popup-close{background:url(../img/icon/popup/close.png?p=1)  #fff no-repeat center center; width:3em; height:3em; border-radius:50%; position:absolute; right:.35em; top:-1.5em; background-size:contain; -webkit-box-shadow: 0px 0px 16px 1px rgba(41,37,89,0.46);
-moz-box-shadow: 0px 0px 16px 1px rgba(41,37,89,0.46);
box-shadow: 0px 0px 16px 1px rgba(41,37,89,0.46); }
.popup-thanks-icon{position:absolute; left:50%; top:-3.5em; width:5em; height:5em; background:url(../img/icon/thanks/btn.png) no-repeat left top; background-size:contain; margin-left:-2.5em;}
.popup-header{background-color:#f8f8f8; border-radius:.5em; padding:.75em; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:#ededed 1px solid;}
.popup-section{padding:.75em; border-bottom:#ededed 1px solid; font-size:.85em;color:#959599;}

#success-popup{position:fixed; z-index:10002; left:0; top:0; width:100%; height:100%; background:url(../img/icon/popup/bg.png); display:none;}
#success-popup #success-wrapper{width:410px; padding:50px 30px; margin:auto; margin-top:200px; text-align:center; color:#FFF; font-size:18px; background-color:#554e9f; border-radius:10px; border:2px dashed #736eaf;}
#success-popup #success-wrapper h1{background:url(../img/success/tebrikler.png) no-repeat left center; font-size:38px; line-height:60px; font-family:'Dosis Extra Bold'; margin-bottom:0;}

.pupload-btn {background:url(../img/cropperIcons.png) no-repeat;height:30px;width:30px;background-position:-150px;display:inline-block}
.pcrop-btn {background:url(../img/cropperIcons.png) no-repeat;height:30px;width:30px;background-position:-120px;display:inline-block}
.pcancel-btn {background:url(../img/cropperIcons.png) no-repeat;height:30px;width:30px;background-position:-180px;display:inline-block}

#cropContainerModal{ margin:auto;width:550px; height:500px; position: relative; border:1px solid #ccc;}
.s {position:absolute; top: 50%; transform: translateY(-50%); left:0; width:100%; right:0;z-index:1001;text-align:center;display:none;}
.overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:#564f9f;opacity: 0.9; filter: alpha(opacity=90);right:0;z-index:1000;text-align:center;display:none;}


.visible {display:block}
.hidden {display:none}