@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:400,900');

.login-page {
    padding   : 4px 0 0;
    margin    : auto;
    width     : 95%;
    max-width : 350px;
}

.form {
    position   : relative;
    z-index    : 1;
    background : #FFFFFF;
    max-width  : 360px;
    margin     : 0 auto 100px;
    padding    : 45px;
    text-align : center;
    box-shadow : 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.ui.form.textarea {
    margin              : 0 0 10px 0;
    -webkit-appearance  : none;
    tap-highlight-color : rgba(255, 255, 255, 0);
    padding             : 0;
    background          : #FFFFFF;
    outline             : 0;
    color               : rgba(0, 0, 0, .87);
    box-shadow          : inherit;
    -webkit-transition  : color .1s ease, border-color .1s ease;
    transition          : color .1s ease, border-color .1s ease;
    font-size           : 1em;
    line-height         : 1.2857;
    resize              : vertical;
}

.form input {
    font-family : "Roboto", sans-serif;
    outline     : 0;
    background  : #F2F2F2;
    width       : 100%;
    border      : 0;
    margin      : 0 0 15px;
    padding     : 15px;
    box-sizing  : border-box;
    font-size   : 14px;
}

.form button {
    font-family        : "Roboto", sans-serif;
    text-transform     : uppercase;
    outline            : 0;
    background         : #006AC9;
    width              : 100%;
    border             : 0;
    padding            : 15px;
    color              : #FFFFFF;
    font-size          : 14px;
    -webkit-transition : all 0.3 ease;
    transition         : all 0.3 ease;
    cursor             : pointer;
}

.form button:hover, .form button:active, .form button:focus {
    background : #1680DE;
}

.form .message {
    margin    : 25px 0 0;
    color     : #B3B3B3;
    font-size : 12px;
}

.form .message a {
    color           : #1680DE;
    text-decoration : none;
}

.form .register-form {
    display : none;
}

.container {
    position  : relative;
    z-index   : 1;
    max-width : 300px;
    margin    : 0 auto;
}

.container:before, .container:after {
    content : "";
    display : block;
    clear   : both;
}

.container .info {
    margin     : 50px auto;
    text-align : center;
}

.container .info h1 {
    margin      : 0 0 15px;
    padding     : 0;
    font-size   : 36px;
    font-weight : 300;
    color       : #1A1A1A;
}

.container .info span {
    color     : #4D4D4D;
    font-size : 12px;
}

.container .info span a {
    color           : #000000;
    text-decoration : none;
}

.container .info span .fa {
    color : #EF3B3A;
}

body {
    background              : #FFFFFF !important;
    background              : -webkit-linear-gradient(right, #FBFBFB, #FFFFFF);
    background              : -moz-linear-gradient(right, #FBFBFB, #FFFFFF);
    background              : -o-linear-gradient(right, #FBFBFB, #FFFFFF);
    background              : linear-gradient(to left, #FBFBFB, #FFFFFF) !important;
    font-family             : "Roboto", sans-serif;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    position                : relative !important;
}

img.login-logo {
    width     : calc(95% - 30px);
    max-width : 120px;
    min-width : 120px;
}

.logo-div {
    position : relative;
}

.logo-info {
    font-size   : 15px;
    font-weight : bold;
}

.login-load {
    position    : fixed;
    width       : 100%;
    left        : 0;
    height      : 100%;
    top         : 0;
    background  : rgba(41, 41, 41, 0.55);
    z-index     : 999;
    text-align  : center;
    padding-top : 50%;
    display     : none;
}

.swal2-modal .swal2-styled {
    outline : none !important;
}

.login-button-group {
    position : relative;
    height   : 50px;
}

#login-btn {
    width : 100%;
    float : left;
}

#forgot-btn {
    float          : left;
    width          : 100%;
    background     : #FFFFFF;
    color          : #006AC9;
    border         : 1px solid #006AC9;
    font-size      : 16px;
    padding        : 2px;
    text-transform : none;
    margin-top     : 15px;
}

#kayit-btn {
    float          : left;
    width          : 100%;
    background     : #FFFFFF;
    color          : #A74444;
    border         : 1px solid #9E0909;
    font-size      : 16px;
    padding        : 2px;
    text-transform : none;
}

.tesis-sec {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

li.firm-select {
    float         : left;
    width         : 100%;
    box-shadow    : -2px 3px 8px 0 rgba(0, 0, 0, 0.15);
    border        : 1px solid rgba(7, 113, 208, 0.4);
    text-align    : left;
    font-size     : 14px;
    margin-bottom : 10px;
    padding       : 4px;
}

li.firm-select img {
    float         : left;
    padding-right : 10px;
}

.help-block {
    text-align : left;
    font-size  : 13px;
    color      : #5D5D5D;
}

.fix-header {
    height     : 50px;
    box-shadow : 0 0 5px 0 #565656;
    position   : fixed;
    width      : 100%;
    z-index    : 99;
    background : #FFFFFF;
    top        : 0;
    text-align : center;
}

.ios .fix-header {
    padding-top : 15px;
    height      : 60px;
}

.inside-page {
    padding: 65px 15px 15px 15px;
    background : #FFFFFF !important;
    width      : 100%;
    position   : relative;
}

.ios .inside-page {
    margin-top : 12px;
    padding-bottom : 35px;
}

.fix-header .header-logo {
    height     : 30px;
    margin-top : 8px;
}

.fix-header .header-left {
    float       : left;
    width       : 45px;
    height      : 45px;
    line-height : 50px;
    font-size   : 25px;
}

.fix-header .header-right {
    float       : right;
    width       : 50px;
    height      : 50px;
    line-height : 50px;
    font-size   : 25px;
}

.fix-header a {
    color : #000000;
}

.inside-page h3 {
    font-size  : 20px;
    text-align : center;
    margin     : 0 0 15px 0;
}

ul.main-list {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

ul.main-list li {
    text-align    : left;
    margin-bottom : 10px;
    height        : 60px;
    line-height   : 60px;
    /*box-shadow    : -1px 1px 1px 1px rgba(181, 181, 181, 0.6);*/
    font-weight   : bold;
    font-size     : 18px;
    padding-left  : 30px;
    border        : 1px solid #BFBFBF;
}

.loading-bg {
    position   : fixed;
    top        : 0;
    width      : 100%;
    height     : 100%;
    z-index    : 999;
    background : rgba(0, 0, 0, 0.20);
    display    : none;
}

.main-loading {
    margin-top    : 50%;
    width         : 100px;
    height        : 100px;
    border-radius : 50%;
    background    : white;
    z-index       : 9999;
    position      : absolute;
    line-height   : 120px;
    text-align    : center;
    box-shadow    : 0 1px 13px 0 #909090;
    left          : calc(50% - 50px);
}

ul.santral-tabs {
    padding       : 0;
    margin        : 0;
    list-style    : none;
    height        : 29px;
    box-shadow    : 0 0 2px 0 #A6A6A6;
    border-radius : 5px;
    overflow      : hidden;
}

ul.santral-tabs li {
    float        : left;
    width        : 25%;
    text-align   : center;
    background   : #FFFFFF;
    color        : #000000;
    font-size    : 14px;
    padding      : 5px;
    border-right : 1px dashed #E1E1E1;
}

ul.santral-tabs li:last-child {
    border-right : none;
}

ul.santral-tabs li:first-child.active {
    background : #006AC9;
    color      : #FFFFFF;
}

ul.santral-tabs li:nth-child(2).active {
    background : #B6AF11;
    color      : #FFFFFF;
}

ul.santral-tabs li:nth-child(3).active {
    background : #D72222;
    color      : #FFFFFF;
}

ul.santral-tabs li:nth-child(4).active {
    background : #2BAB33;
    color      : #FFFFFF;
}

.santral-list {
    padding       : 5px;
    box-shadow    : 1px 1px 8px 0 rgba(0, 0, 0, 0.15);
    margin-top    : 20px;
    border-radius : 10px 10px 5px 5px;
}

.santral-list ul.aramalar {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

.firma-title {
    font-weight : bold;
    font-family : "Roboto";
}

.santral-list ul.tum-aramalar {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

.santral-list ul.cevapsiz-aramalar {
    padding    : 0;
    margin     : 0;
    list-style : none;
    display    : none;
}

.santral-list ul.mesgul-aramalar {
    padding    : 0;
    margin     : 0;
    list-style : none;
    display    : none;
}

.santral-list ul.gorusulen-aramalar {
    padding    : 0;
    margin     : 0;
    list-style : none;
    display    : none;
}

.santral-list ul li.telefon {
    margin        : 5px;
    background    : #F3F5F6;
    border-radius : 5px 10px 10px 5px;
    padding-left  : 5px;
}

.santral-list ul li.telefon .sms-menu {
    color : #FFFFFF;
}

.santral-list ul li.telefon.mesgul {
    border-left : 5px solid #D72222;
}

.santral-list ul li.telefon.gorusme {
    border-left : 5px solid #2BAB33;
}

.santral-list ul li.telefon.cevapsiz {
    border-left : 5px solid #B6AF11;
}

.santral-list ul li.telefon.mesgul .sms-menu {
    background : #D72222;
}

.santral-list ul li.telefon.gorusme .sms-menu {
    background : #2BAB33;
}

.santral-list ul li.telefon.cevapsiz .sms-menu {
    background : #B6AF11;
}

b.gorusmetxt {
    font-size : 13px;
    color     : #2BAB33;
}

b.cevapsiztxt {
    font-size : 13px;
    color     : #B6AF11;
}

b.mesgultxt {
    font-size : 13px;
    color     : #D72222;
}

.list-left {
    float : left;
    width : 60%;
}

.list-right {
    float         : right;
    width         : 40%;
    font-size     : 12px;
    text-align    : right;
    position      : relative;
    padding-right : 60px;
    color         : #686868;
}

a.ara-btn {
    display         : block;
    padding         : 3px;
    text-align      : center;
    color           : #FFFFFF;
    background      : #58AF58;
    border-radius   : 5px;
    font-size       : 14px;
    text-decoration : none;
}

ul.message-list {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

ul.message-list li {
    box-shadow : 0 0 1px 1px #D4D4D4;
    margin-top : 15px;
    padding    : 10px;
}

textarea#message-text {
    width    : 100%;
    overflow : hidden;
    float    : left;
    padding  : 10px;
}

textarea#messagetxt {
    width    : 100%;
    overflow : hidden;
    float    : left;
    padding  : 10px;
}

.withHtmlText {
    border  : 1px dotted #CBCBCB;
    padding : 10px;
}

.message-tarih {
    font-size : 12px;
}

.message-status {
    float      : right;
    width      : 20%;
    text-align : center;
    font-size  : 20px;
    color      : #4E4E4E;
}

p.message-detail-text {
    box-shadow    : 0 -1px 1px 0 #B1B1B1;
    padding       : 10px;
    margin-bottom : 0;
}

p.message-detail {
    box-shadow    : 0 2px 1px 0 #B1B1B1;
    padding       : 10px;
    margin-bottom : 0;
    font-size     : 12px;
    border-top    : 1px solid #D6D6D6;
    background    : #FEFFF7;
}

.message-detail-answer {
    padding    : 10px;
    font-size  : 13px;
    background : #E9E9E9;
}

.menu-badge {
    padding       : 5px;
    background    : #D85252;
    color         : #FFFFFF;
    font-size     : 12px;
    width         : 30px;
    height        : 30px;
    line-height   : 20px;
    margin-top    : 14px;
    margin-right  : 14px;
    float         : right;
    text-align    : center;
    border-radius : 10px;
}

.istatistik-btn {
    padding    : 15px;
    border     : 1px solid #A5A5A5;
    margin-top : 15px;
    text-align : center;
}

.istatistik-btn span {
    font-size   : 22px;
    font-weight : bold;
}

.istatistik-btn.red {
    background : #BD1550;
    color      : #FFFFFF;
}

.istatistik-btn.orange {
    background : #E97F02;
    color      : #FFFFFF;
}

.istatistik-btn.blue {
    background : #008C9E;
    color      : #FFFFFF;
}

.istatistik-left {
    float       : left;
    width       : 45%;
    background  : #EA910B;
    color       : #FFFFFF;
    font-weight : bold;
    padding     : 10px;
    font-size   : 12px;
    margin      : 10px 0;
    height      : 77px;
}

.istatistik-right {
    float      : right;
    width      : 55%;
    text-align : center;
    margin     : 10px 0;
}

.istatistik-full {
    float       : left;
    width       : calc(100% - 10px);
    padding     : 5px;
    margin      : 5px;
    text-align  : center;
    background  : #0A6ABE;
    color       : #FFFFFF;
    font-weight : bold;
}

html.ios {
    overflow-x                 : hidden;
    -webkit-overflow-scrolling : touch;
}

html.ios,
html.ios body {
    height : 100%;
}

.blokaj {
    width      : 100%;
    height     : 100%;
    position   : absolute;
    bottom     : 0;
    top        : 0;
    display    : none;
    z-index    : 99999;
    background : #000000;
}

.header-ust {
    height     : 120px;
    background : #0A6ABE;
}

.footer-tabs {
    width       : 100%;
    position    : fixed;
    bottom      : 0;
    height      : 30px;
    font-size   : 12px;
    text-align  : center;
    line-height : 30px;
    font-family : "Roboto";
    color       : rgba(32, 32, 34, 0.52);
    z-index     : 9999;
    background  : #FFFFFF;
}

.ios .footer-tabs {
    width       : 100%;
    position    : fixed;
    bottom      : 25px;
    height      : 30px;
    font-size   : 12px;
    text-align  : center;
    line-height : 30px;
    font-family : "Roboto";
    color       : rgba(32, 32, 34, 0.52);
    z-index     : 9999;
    background  : #FFFFFF;
}

.footer-tabs ul {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

.footer-tabs ul li {
    float  : left;
    width  : 50%;
    border : 1px solid rgba(228, 228, 228, 0.35);
}

.ui.sidebar.left.vertical.menu.uncover.visible {
    border : none;
}

::-webkit-scrollbar {
    display : none;
}

.sidebar-hover {
    background : rgba(0, 0, 0, 0.4);
    position   : absolute;
    width      : 100%;
    height     : 100%;
}

.tesislist {
    position   : absolute;
    bottom     : 0;
    color      : #FFFFFF;
    padding    : 10px;
    width      : 100%;
    background : rgba(255, 255, 255, 0.15);
}

.height-bottom {
    height : 100px;
    width  : 100%;
}

.message-list .okunmus {
    opacity : 0.4;
}

.message-list .okunmamis {
    border : 1px solid #C1C1C1;
}

.message-list .cevaplanmis {
    opacity : 0.7;
    border  : 1px solid #089A00;
}

.mesajgonder ul {
    padding : 0;
    margin  : 0;
}

.mesajgonder ul li {
    list-style    : none;
    height        : 35px;
    font-size     : 18px;
    width         : 100%;
    line-height   : 35px;
    text-align    : center;
    border        : 1px solid #C1C1C1;
    border-radius : 5px;
    margin        : 10px 0;
}

.sms-menu {
    background    : rgb(231, 231, 231);
    float         : right;
    height        : 55px;
    top           : 0;
    position      : absolute;
    right         : 0;
    width         : 55px;
    padding       : 0;
    font-size     : 11px;
    text-align    : center;
    line-height   : 20px;
    border-radius : 10px;
    padding-top   : 10px;
}

.sub-menu {
    background-color : #EBEBEB;
    padding-left     : 15px;
    display          : none;
}

.ui.modal {
    bottom     : initial !important;
    margin-top : 60px !important;
    top        : 60px !important;
}

ul.banka-hesap-list {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

ul.banka-hesap-list li {
    border        : 1px solid rgb(200, 200, 200);
    height        : 60px;
    padding       : 10px;
    position      : relative;
    margin-bottom : 20px;
}

ul.banka-hesap-list li button {
    position : absolute;
    top      : 10px;
    right    : 10px;
}

select.banka-sec, select.oda-sec {
    width         : 100%;
    border        : 1px solid gray;
    height        : 40px;
    border-radius : 0;
}

.pre-sms div {
    background : #EFEFEF;
    border     : 1px dotted #A9A9A9;
    padding    : 10px;
}

.resim-tabs {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

.resim-tabs li {
    width       : 50%;
    float       : left;
    text-align  : center;
    border      : 1px solid #D2D2D2;
    height      : 35px;
    line-height : 35px;
    font-size   : 13px;
    background  : #FFFFFF;
    color       : #000000;
}

.resim-tabs li.active {
    background : #2A4A83;
    color      : #FFFFFF;
}

.static-tabs {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

.static-tabs li {
    width       : 33.3%;
    float       : left;
    text-align  : center;
    border      : 1px solid #D2D2D2;
    height      : 35px;
    line-height : 35px;
    font-size   : 13px;
    background  : #FFFFFF;
    color       : #000000;
}

.static-tabs li.active {
    background : #2A4A83;
    color      : #FFFFFF;
}

.copyright {
    position   : absolute;
    bottom     : 0;
    width      : 100%;
    height     : 100px;
    text-align : center;
    color      : #B9B9B9;
}

.copyright img {
    vertical-align : -3px
}

.muhasebe-bilgi ul {
    list-style : none;
    padding    : 0;
    margin     : 0;
    clear      : both;
}

.muhasebe-bilgi ul li:first-child {
    float  : left;
    width  : 35%;
    margin : 5px 0;
}

.muhasebe-bilgi ul li {
    float  : left;
    width  : 65%;
    margin : 5px 0;
}

.muhasebe-bilgi ul li input {
    width : 100%;
}

.tesis-bilgi-baslik {
    padding       : 15px;
    background    : #3D82E3;
    color         : #FFFFFF;
    margin-left   : -15px;
    margin-right  : -15px;
    margin-bottom : 10px;
    font-weight   : bold;
    font-size     : 16px;
}

#genelbilgiform .panel-body {
    padding : 0 15px;
}

#genelbilgiform .panel.panel-white {
    padding-bottom : 15px;
}

.tesis-adi-bg {
    background-color : rgba(123, 190, 255, 0.42);
    margin-left      : -15px;
    margin-right     : -15px;
    padding          : 15px 20px;
    font-weight      : bold;
    font-size        : 18px;
    margin-top       : -12px;
    position         : relative;
}

.tesis-header-bolge {
    font-size   : 12px;
    color       : #A6A6A6;
    font-weight : normal;
}

.tesis-header-active {
    position    : absolute;
    right       : 10px;
    top         : 15px;
    font-size   : 11px;
    font-weight : normal;
    text-align  : center;
    color       : #333333;
    line-height : 15px;
}

.header-aktif-btn {
    color         : #FFFFFF;
    background    : #BE2F34;
    border-radius : 10px;
    font-weight   : bold;
    font-size     : 11px;
    padding       : 2px;
}

.header-pasif-btn {
    color         : #FFFFFF;
    background    : #48AB4F;
    border-radius : 10px;
    font-weight   : bold;
    font-size     : 13px;
    padding       : 4px;
}

.static-new {
    margin-top : 20px;
}

.static-list {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.static-list li {
    float       : left;
    width       : 50%;
    text-align  : center;
    font-size   : 14px;
    line-height : 20px;
    color       : #A6A6A6;
}

.static-list li .icon-body {
    color         : #000000;
    width         : 95%;
    margin        : 0 auto;
    padding       : 8px;
    background    : #EEEEEE;
    border-radius : 5px;
}

.static-list li .text-body {
    color      : #626262;
    margin-top : 5px;
}

.static-list li .text-body b {
    font-weight : bold;
}

.point-div-kapsayici {
    height       : 84px;
    background   : #7BBEFF;
    margin-top   : 15px;
    position     : relative;
    margin-left  : -15px;
    margin-right : -15px
}

.point-div {
    height        : 80px;
    background    : #7BBEFF;
    border-top    : 2px solid #FFFFFF;
    border-bottom : 2px solid #FFFFFF;
    position      : absolute;
    width         : 100%;
    margin-top    : 2px;
    text-align    : center;
}

.medal-point {
    width    : 62px;
    margin   : 0 auto;
    position : relative;
    float    : left;
}

.medal-in-point {
    /* position: absolute; */
    /* top: 22px; */
    /* left: 14px; */
    font-size   : 24px;
    font-weight : 900;
    font-family : 'Lato';
    color       : #454545;
    text-shadow : 0 1px 1px #FFDC64, 0 2px 2px rgb(0 0 0 / 70%);
    margin      : -60px auto 0 auto;
    display     : block;
}

.medal-left {
    float       : left;
    font-size   : 11px;
    color       : #FFFFFF;
    font-weight : lighter;
    margin      : 6px;
    width       : calc(50% - 43px);
}

.medal-left ul {
    list-style   : none;
    padding      : 0;
    margin       : 0;
    text-align   : left;
    line-height  : 13px;
    padding-left : 20px;
}

.medal-right {
    float : right;
    width : calc(50% - 31px);
}

.yorum-puan-text {
    color         : #000000;
    width         : 100px;
    border-radius : 5px;
    margin        : 19px auto;
    background    : #FFDC64;
    font-size     : 16px;
    text-shadow   : 0 0 1px #AB9443;
    box-shadow    : 0 2px 1px 1px rgba(0, 0, 0, 0.12);
    padding       : 3px;
}

.hemen-ara {
    background    : #48AB4F;
    font-size     : 10px;
    color         : #FFFFFF;
    text-align    : center;
    width         : 70px;
    height        : 13px;
    line-height   : 13px;
    font-weight   : bold;
    border-radius : 10px;
}

.other-sms {
    height          : 55px;
    margin          : 20px -15px 0 -15px;
    color           : #FFFFFF;
    text-shadow     : 0 0 1px #000000;
    background      : url("/assets/images/other-sms-bg.png") top center no-repeat #57A4E3;
    background-size : 100%;
}

.ui.sidebar.menu .item img {
    display        : inline-block;
    width          : 15px;
    vertical-align : 3px;
    margin-right   : 5px;
}

.ui.sidebar.menu .item {
    color       : #000000;
    font-family : "Roboto";
    font-weight : bolder;
    font-size   : 16px;
}

.ui.sidebar.menu .sub-menu .item {
    font-weight : normal;
    font-size   : 14px;
    height      : 50px;
    padding-top : 21px;
}

.ui.sidebar.menu .sub-menu .item i {
    font-size      : 8px;
    vertical-align : 1px;
    margin-left    : 12px;
    margin-right   : 5px;
}

.ui.sidebar.menu .item p {
    font-size   : 10px;
    margin-top  : 2px;
    color       : rgba(23, 32, 46, 0.6);
    font-family : "Roboto";
    font-weight : normal;
}

.overflow-list {
    height   : 100%;
    overflow : auto;
}

.musteri-temsilcisi {
    height        : 70px;
    background    : #006AC9;
    color         : #FFFFFF;
    padding       : 6px 20px;
    border-top    : 2px solid #FFFFFF;
    border-bottom : 2px solid #FFFFFF;
    box-shadow    : 0 -4px 0 0 #006AC9, 0 4px 0 0 #006AC9;
    margin-top    : 10px;
}

.musteri-temsilcisi img {
    width         : 50px;
    height        : 50px;
    object-fit    : cover;
    border-radius : 10px;
    float         : left;
}

.musteri-temsilcisi p {
    margin-bottom : 0;
    text-align    : center;
}

.delete-image {
    position      : absolute;
    top           : -3px;
    right         : -4px;
    font-size     : 20px;
    color         : rgb(215, 26, 24);
    background    : #FFFFFF;
    border-radius : 10px;
    padding       : 1px 3px;
    cursor        : pointer;
    z-index       : 99;
}

.bekleyen-odeme-title {
    padding       : 5px 10px;
    font-size     : 14px;
    color         : #FFFFFF;
    background    : #A3A3A3;
    border-radius : 15px;
    text-shadow   : 0 1px 0 #414141;
}

.fatura-bilgi-icon {
    float         : left;
    padding       : 6px;
    position      : absolute;
    bottom        : 0;
    width         : 50px;
    line-height   : 50px;
    background    : #F59D00;
    border-radius : 15px 0 0 15px;
    text-align    : center;
    top           : 0;
}

.cari-data {
    background    : #F6F6F6;
    border        : 1px dashed #DBDBDB;
    border-radius : 15px;
    position      : relative;
}

.fatura-bilgi {
    margin-left : 60px;
    font-size   : 12px;
    color       : #6B6B6B;
    padding     : 5px;
}

.odeme-list {
    padding    : 0;
    margin     : 0;
    list-style : none;
}

.odeme-list li {
    float          : left;
    font-size      : 16px;
    text-align     : center;
    width          : 100%;
    border-bottom  : 1px solid #D1D1D1;
    margin-bottom  : 10px;
    padding-bottom : 10px;
}

.odeme-tab {
    float  : left;
    width  : 48%;
    margin : 1%;
}

.odeme-tab-btn {
    margin-top : 5px;
}

.zorunlualan .form-control {
    border : 1px solid #CC5753;
}

.zorunlualan .btn-default {
    border : 1px solid #CC5753;
}

.dropdown-menu {
    border                     : none;
    border-radius              : 3px;
    font-size                  : 12px;
    padding                    : 0;
    z-index                    : 1000;
    -moz-animation-duration    : 0.5s;
    -webkit-animation-duration : 0.5s;
    animation-duration         : 0.5s;
}

.dropdown-menu > li {
    -webkit-transform : translateZ(0);
}

/* ---------------------------------------------------------------------- */
/*  Background Colors
/* ---------------------------------------------------------------------- */
.no-bg {
    background : none !important;
}

.bg-white {
    background : #FFFFFF !important;
}

.bg-black {
    background : #2C2F3B !important;
    color      : #FFFFFF;
}

.bg-primary {
    background : #58748B !important;
    color      : #FFFFFF;
}

.bg-light-primary {
    background : #718EA5 !important;
    color      : #FFFFFF;
}

.bg-dark-primary {
    background : #445A6C !important;
    color      : #FFFFFF;
}

.bg-success {
    background : #5CB85C !important;
    color      : #FFFFFF;
}

.bg-info {
    background : #46B8DA !important;
    color      : #FFFFFF;
}

.bg-warning {
    background : #EEA236 !important;
    color      : #FFFFFF;
}

.bg-danger {
    background : #D43F3A !important;
    color      : #FFFFFF;
}

.bg-azure {
    background : #5B9BD1 !important;
    color      : #FFFFFF;
}

.bg-light-azure {
    background : #6FA7D7 !important;
    color      : #FFFFFF;
}

.bg-dark-azure {
    background : #3782C2 !important;
    color      : #FFFFFF;
}

.bg-red {
    background : #C82E29 !important;
    color      : #FFFFFF;
}

.bg-light-red {
    background : #DA4F4A !important;
    color      : #FFFFFF;
}

.bg-dark-red {
    background : #9E2420 !important;
    color      : #FFFFFF;
}

.bg-green {
    background : #5A8770 !important;
    color      : #FFFFFF;
}

.bg-light-green {
    background : #73A189 !important;
    color      : #FFFFFF;
}

.bg-dark-green {
    background : #466857 !important;
    color      : #FFFFFF;
}

.bg-orange {
    background : #F18636 !important;
    color      : #FFFFFF;
}

.bg-light-orange {
    background : #F4A366 !important;
    color      : #FFFFFF;
}

.bg-dark-orange {
    background : #E46B10 !important;
    color      : #FFFFFF;
}

.bg-blue {
    background : #407887 !important;
    color      : #FFFFFF;
}

.bg-light-blue {
    background : #5097AA !important;
    color      : #FFFFFF;
}

.bg-dark-blue {
    background : #305964 !important;
    color      : #FFFFFF;
}

.bg-pink {
    background : #F5888D !important;
    color      : #FFFFFF;
}

.bg-light-pink {
    background : #F9B7BA !important;
    color      : #FFFFFF;
}

.bg-dark-pink {
    background : #F15960 !important;
    color      : #FFFFFF;
}

.bg-purple {
    background : #9A89B5 !important;
    color      : #FFFFFF;
}

.bg-light-purple {
    background : #B5A8C9 !important;
    color      : #FFFFFF;
}

.bg-dark-purple {
    background : #7F6AA1 !important;
    color      : #FFFFFF;
}

.bg-beige {
    background : #D2BD8E !important;
    color      : #FFFFFF;
}

.bg-light-beige {
    background : #D9C8A0 !important;
    color      : #FFFFFF;
}

.bg-dark-beige {
    background : #C3A86A !important;
    color      : #FFFFFF;
}

.bg-grey {
    background : #C8C7CC !important;
    color      : #FFFFFF;
}

.bg-light-grey {
    background : #F7F7F8 !important;
}

.bg-dark-grey {
    background : #AEACB4 !important;
    color      : #FFFFFF;
}

.bg-yellow {
    background : #EEB424 !important;
    color      : #FFFFFF;
}

.bg-light-yellow {
    background : #F2C453 !important;
    color      : #FFFFFF;
}

.bg-dark-yellow {
    background : #CF9810 !important;
    color      : #FFFFFF;
}

.bg-bricky {
    background : #894550 !important;
    color      : #FFFFFF;
}

.bg-light-bricky {
    background : #AA5764 !important;
    color      : #FFFFFF;
}

.bg-dark-bricky {
    background : #67343C !important;
    color      : #FFFFFF;
}

.input-group {
    width : 100%;
}

ul.statics-main {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

ul.statics-main li {
    float       : left;
    width       : 33.3%;
    text-align  : center;
    font-size   : 10px;
    line-height : 11px;
    color       : rgb(135, 135, 135);
}

ul.statics-main li img {
    width         : 40px;
    margin-bottom : 5px;
}

ul.proje-ozellik {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

ul.proje-ozellik li {
    padding       : 10px;
    border        : 1px solid #E0E0E0;
    margin-bottom : 15px;
    font-size     : 12px;
    position      : relative;
    line-height   : 14px;
}

ul.proje-ozellik li .ozellik-item {
    float         : left;
    padding       : 8px 10px;
    background    : #239A30;
    color         : #FFFFFF;
    border-radius : 50%;
    margin-bottom : 30px;
    margin-right  : 10px;
    margin-top    : 5px;
}

.hemen-aktif {
    width         : 80%;
    margin        : 0 auto;
    background    : #BE2F34;
    border        : 4px solid rgba(255, 255, 255, 0.25);
    padding       : 5px;
    text-align    : center;
    border-radius : 20px;
}

.hemen-aktif a {
    display : block;
    color   : #FFFFFF;
}

.plus-add-button {
    width                 : 40px;
    height                : 40px;
    margin                : 20px auto;
    border                : 1px solid rgba(175, 175, 175, 0.67);
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
    border-radius         : 50%;
    text-align            : center;
    line-height           : 38px;
    font-size             : 24px;
    color                 : #848484;
    box-shadow            : 0 1px 1px 0 rgba(116, 118, 119, 0.44);
}

#fiyat-list .baslik {
    width         : calc(100% - 71px);
    padding       : 5px;
    margin        : 5px;
    border        : 1px solid #BBBBBB;
    border-radius : 1px;
}

#fiyat-list .kaldir {
    width      : 61px;
    display    : inline-block;
    text-align : center;
    background : #B53737;
    color      : #FFFFFF;
    font-size  : 11px;
}

#fiyat-list .baslangic {
    padding       : 2px;
    margin        : 0 5px;
    border        : 1px solid #BBBBBB;
    border-radius : 1px;
    width         : 117px;
}

#fiyat-list .bitis {
    padding       : 2px;
    margin        : 0 5px;
    border        : 1px solid #BBBBBB;
    border-radius : 1px;
    width         : 117px;
}

#fiyat-list .tutar {
    display  : inline-block;
    width    : 23%;
    position : relative;
}

#fiyat-list .fiyat {
    padding       : 2px;
    margin        : 0 0 5px 5px;
    border        : 1px solid #BBBBBB;
    border-radius : 1px;
    width         : 100%;
    height        : 27px;
}

#fiyat-list .tl {
    position    : absolute;
    top         : 21px;
    right       : -4px;
    background  : #D8D8D8;
    width       : 20px;
    text-align  : center;
    height      : 25px;
    line-height : 25px;
    font-size   : 10px;
}

#fiyat-list textarea {
    width         : 100%;
    padding       : 5px;
    margin        : 5px;
    border        : 1px solid #BBBBBB;
    border-radius : 1px;
    resize        : none;
}

#fiyat-list input, #fiyat-list textarea {
    outline : none;
}

#fiyat-list label {
    font-weight : normal;
    font-size   : 11px;
    margin      : 0 0 0 5px;
}

#fiyat-list .date-kapsa {
    float : left;
}

.clearfix {
    clear : both !important;
}

.right {
    float : right !important;
}

.left {
    float : left !important;
}

.hr {
    border-top : 1px solid #D6D6D6 !important;
    margin     : 20px 0 !important;
}

.onaysizfiyat {
    color        : #BB2323;
    margin-right : 10px;
    float        : left;
}

.onaylifiyat {
    color        : #3A943A;
    margin-right : 10px;
    float        : left;
}

.fiyat-baslik {
    font-weight   : bold;
    float         : left;
    width         : calc(100% - 150px);
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
    margin-right  : 5px;
}

.fiyat-duzenle-btn {
    padding : 2px;
    float   : right;
}

.tarih_show {
    float        : left;
    font-size    : 12px;
    font-weight  : bold;
    margin-right : 15px;
}

.tarih_show span {
    font-size   : 13px;
    font-weight : normal;
}

.modal-top {
    position   : fixed;
    top        : 15%;
    width      : 90%;
    z-index    : 999;
    background : #FFFFFF;
    left       : 5%;
    padding    : 30px;
    box-shadow : 0 3px 5px -1px #000000;
}

.modal-top input {
    margin-bottom : 20px;
}

.modal-top label {
    font-weight : lighter;
}

.fade-modal {
    position : fixed;
    top      : 0;
    width    : 100%;
    height   : 100%;
    left     : 0;
    z-index  : 999;
    display  : none;
}

.fade-modal-bg {
    position   : fixed;
    top        : 0;
    width      : 100%;
    height     : 100%;
    left       : 0;
    background : #151515B5;
    z-index    : 999;
}

.modal-baslik {
    margin-bottom : 20px;
}

.modal-close-btn {
    float       : right;
    position    : absolute;
    top         : 10px;
    right       : 10px;
    font-weight : bold;
    color       : #4A4A4A;
    padding     : 5px 10px;
    border      : 2px solid #4A4A4A;
    font-size   : 16px;
    cursor      : pointer;
}

.fade-modal .baslangic {
    float        : left;
    margin-right : 10px;
}

.fade-modal .bitis {
    float : left;
}

.card-reservation {
    padding    : 5px;
    box-shadow : 0 0 5px #DDDDDD;
}

.card-reservation .table {
    margin-bottom : 0;
    margin-top    : 5px;
}

#main-menus {
    text-align : center;
}

.main-menus {
    list-style       : none;
    width            : 100%;

    padding          : 5px;
    background-color : #F0F1F1;
    border-width     : 1px 0 1px 0;
    border-color     : #D7D7D7;
    border-style     : dashed;
    margin           : 10px auto 0px;
}

.main-menus li {
    list-style       : none;
    width            : 27.33333%;
    margin           : 7px;
    padding          : 3px;
    border           : 1px solid #C5C5C5;
    border-radius    : 7px;
    background-color : white;
    text-align       : center !important;
    color            : #5E5D5D;
    height           : 90px;
    min-height       : 90px;
    max-height       : 110px;
    display          : inline-block;
    position         : relative;
    overflow         : hidden;
    box-shadow       : rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.main-menus .menu-item a:hover {
    list-style : none;
    width      : 29.33333%;
    margin     : 7px;
    border     : 2px solid #C5C5C5;
    box-shadow : rgba(0, 0, 0, 0.18) 0px 1px 4px;
}

.main-menus .menu-item span {
    margin-top       : 7px;
    color            : #F8F8F8;
    font-size        : 30px;
    font-weight      : 300 !important;
    position         : relative;
    border-radius    : 50%;
    background-color : #3BA0C5;
    padding          : 6px;
}

.main-menus .menu-item label {
    margin                  : 5px auto;
    color                   : #868686;
    font-size               : 14px;
    font-weight             : bold;
    display                 : block;
    text-align              : center;
    position                : relative;
    line-height             : 15px;
    -moz-osx-font-smoothing : grayscale;
    -webkit-font-smoothing  : antialiased;
}

.margin-top-10 {
    margin-top : 10px;
}

.margin-top-20 {
    margin-top : 20px;
}

.margin-top-30 {
    margin-top : 30px;
}

.margin-top-40 {
    margin-top : 40px;
}

.margin-top-50 {
    margin-top : 50px;
}

.margin-bottom-10 {
    margin-top : 10px;
}

.pnl-panel {
    background-color : #F3F1F1;
    margin           : 15px 15px;
    padding          : 8px;
    border-radius    : 7px;
}

.pnl-panel-white {
    border           : 1px solid #DADADA;
    background-color : #FFFFFF;
    margin           : 15px 15px;

    padding          : 8px;
    border-radius    : 7px;
}

#destek span {
    font-size     : 45px;
    margin-left   : 15px;
    margin-right  : 15px;
    display       : block;
    margin-bottom : -10px;
}

#destek label {
    font-size    : 18px;
    margin-left  : 15px;
    margin-right : 15px;
    display      : block;
}

#destek h3 {
    font-size     : 18px;
    margin-left   : 15px;
    margin-right  : 15px;
    margin-bottom : 0px;
    display       : block;
}

.footer-social-list {
    margin     : 15px auto;
    padding    : 0;
    list-style : none;
    text-align : center !important;
    display    : inline-block;
}

ul.footer-social-list > li {
    float       : left;
    margin-left : 10px;
}

ul.footer-social-list > li > a > i {
    font-size   : 18px;
    padding-top : 6px;
}

ul.footer-social-list > li > a {
    color         : #FFFFFF;
    display       : block;
    width         : 30px;
    height        : 30px;
    text-align    : center;
    border-radius : 5px;
}

ul.footer-social-list a.facebook {
    background-color : #4267B2;
}

ul.footer-social-list a.instagram {
    background : radial-gradient(circle at 30% 107%, #FFED39 0, #FFE800 5%, #FD5949 45%, #D6249F 60%, #285AEB 90%);
}

ul.footer-social-list a.youtube {
    background-color : red;
}

ul.footer-social-list a.whatsapp {
    background-color : #0DC143;
}

ul.footer-social-list a.linkedin {
    background-color : #0077B5;
}