
#RightMenu {
    width:400px !important;
}

.d-flex {
    display:flex !important;
}
.align-center {
    align-items: center !important;
} 

.j-c-space-evently {
    justify-content: space-evenly !important;
} 

.cursor-pointer {
    cursor: pointer !important;
}

.hide-scrollbar::-webkit-scrollbar {
    display:none !important;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Gözat" !important;
}

.dropdown-menu {
    max-width:100% !important;
    transform:translate3d(0px, 37px, 0px) !important;
}

.dropdown-toggle {
    background-color:white !important;
    z-index:1 !important;
}

.half-opacity {
    opacity:0.3 !important;
}
 
.no-shadow {
    -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.text-through {
    text-decoration: line-through !important;
}

.no-border-collapse {
    border-collapse: collapse !important;
}

.no-border-bottom {
    border-bottom:none !important;
}

.no-border-top {
    border-top:none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right:none !important;
}

.no-border-radius {
    border-radius:0px !important;
}

.x-scroll {
    overflow-x:scroll !important;
}

.y-scroll {
    overflow-y:scroll !important;
}

.x-hidden {
    overflow-x:hide !important;
}

.y-hidden {
    overflow-y:hide !important;
}

.no-border {
    border:none !important;
    border:0px !important;
}

.border-transparent {
    border:transparent !important;
}

.btn-floating {
    width:40px !important;
    height:40px !important;
    border-radius: 50% !important;
    position:relative !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
}

.btn-floating > .material-icons {
    position:absolute !important;
    left:8px !important;
    top:7px !important;
}

.btn-floating-xs {
    width:30px !important;
    height:30px !important;
    border-radius: 50% !important;
    position:relative !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
}

.btn-floating-xs > .material-icons {
    position:absolute !important;
    left:3px !important;
    top:2px !important;
}

.layout-blank-body {
    background-size: auto;
    text-align: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
    border-radius:0px !important;
}
.p-absolute {
    position:absolute !important;
}

.p-relative {
    position:relative !important;
}

.p-fixed {
    position:fixed !important;
}

.full-w {
    width:100% !important;
}

.vertical-center-align {
    display:table-cell !important;
    vertical-align: middle !important;
}

.center-align {
    text-align:center !important;
}

.d-inline-block {
    display:inline-block !important;
}

.no-line-height {
    line-height:0px !important;
}

.left-align {
    text-align:left !important;
}

.right-align {
    text-align:right !important;
}
/*FONT WEİGHT*/
.f-w-xs {
    font-weight: 400 !important;
}
 
.f-w-s {
    font-weight: 500 !important;
}

.f-w-m {
    font-weight: 600 !important;
}

.f-w-l {
    font-weight: 700 !important;
}

.f-w-xl {
    font-weight: 800 !important;
}
.f-w-b{
    font-weight:bold !important;
}

/*CUSTOM COLORS*/
.qualis-text-darkblue {
    color:#00365a !important;
}
.qualis-bg-darkblue {
    background-color:#00365a !important;
}

/*FONT-SİZE*/
.f-s-6 {
    font-size: 6px !important;
}

.f-s-8 {
    font-size: 8px !important;
}

.f-s-10 {
    font-size: 10px !important;
}

.f-s-12 {
    font-size: 12px !important;
}
.f-s-13 {
    font-size:13px !important;
}
.f-s-14 {
    font-size: 14px !important;
}

.f-s-16 {
    font-size: 16px !important;
}

.f-s-18 {
    font-size: 18px !important;
}

.f-s-20 {
    font-size: 20px !important;
}
.f-s-21 {
    font-size:21px !important;
}
.f-s-22 {
    font-size: 22px !important;
}

.f-s-24 {
    font-size: 24px !important;
}

.f-s-26 {
    font-size: 26px !important;
}

.f-s-28 {
    font-size: 28px !important;
}

.f-s-30 {
    font-size: 30px !important;
}

.f-s-32 {
    font-size: 32px !important;
}

.f-s-34 {
    font-size: 34px !important;
}

.f-s-36 {
    font-size: 36px !important;
}

.f-s-38 {
    font-size: 38px !important;
}

.f-s-40 {
    font-size: 40px !important;
}

.f-s-42 {
    font-size: 42px !important;
}

.f-s-44 {
    font-size: 44px !important;
}

.f-s-46 {
    font-size: 46px !important;
}

.f-s-48 {
    font-size: 48px !important;
}

.f-s-50 {
    font-size: 50px !important;
}

.f-s-52 {
    font-size: 52px !important;
}

.f-s-54 {
    font-size: 54px !important;
}

.f-s-56 {
    font-size: 56px !important;
}

.f-s-58 {
    font-size: 58px !important;
}

.f-s-60 {
    font-size: 60px !important;
}

.f-s-62 {
    font-size: 62px !important;
}

.f-s-64 {
    font-size: 64px !important;
}

.f-s-66 {
    font-size: 66px !important;
}

.f-s-68 {
    font-size: 68px !important;
}

.f-s-70 {
    font-size: 70px !important;
}

.f-s-72 {
    font-size: 72px !important;
}

.f-s-74 {
    font-size: 74px !important;
}

.f-s-76 {
    font-size: 76px !important;
}

.f-s-78 {
    font-size: 78px !important;
}

.f-s-80 {
    font-size: 80px !important;
}

.f-s-82 {
    font-size: 82px !important;
}

.f-s-84 {
    font-size: 84px !important;
}

.f-s-86 {
    font-size: 86px !important;
}

.f-s-88 {
    font-size: 88px !important;
}

.f-s-90 {
    font-size: 90px !important;
}

.f-s-92 {
    font-size: 92px !important;
}

.f-s-94 {
    font-size: 94px !important;
}

.f-s-96 {
    font-size: 96px !important;
}
/*MARGİN AND PADDİNG BEGİN*/
.m-t-a {
    margin-top: auto !important;
}

.m-l-a {
    margin-left: auto !important;
}

.m-b-a {
    margin-bottom: auto !important;
}

.m-r-a {
    margin-right: auto !important;
}
.margin-center {
    margin-left:auto !important;
    margin-right:auto !important;
}

.no-margin {
    margin: 0px !important;
}

.no-m-b {
    margin-bottom: 0px !important;
}

.no-m-t {
    margin-top: 0px !important;
}

.no-m-l {
    margin-left: 0px !important;
}

.text-vertical {
    float:left; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
}

.no-m-r {
    margin-right: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.no-p-b {
    padding-bottom: 0px !important;
}

.no-p-t {
    padding-top: 0px !important;
}

.no-p-l {
    padding-left: 0px !important;
}

.no-p-r {
    padding-right: 0px !important;
}

.p-xs1 {
    padding: 3px !important;
}

.p-xs2 {
    padding: 6px !important;
}

.p-xs3 {
    padding: 9px !important;
}

.p-xs4 {
    padding: 12px !important;
}

.p-xs5 {
    padding: 15px !important;
}

.p-s1 {
    padding: 18px !important;
}

.p-s2 {
    padding: 21px !important;
}

.p-s3 {
    padding: 24px !important;
}

.p-s4 {
    padding: 27px !important;
}

.p-s5 {
    padding: 30px !important;
}

.p-m1 {
    padding: 33px !important;
}

.p-m2 {
    padding: 36px !important;
}

.p-m3 {
    padding: 39px !important;
}

.p-m4 {
    padding: 42px !important;
}

.p-m5 {
    padding: 45px !important;
}

.p-l1 {
    padding: 48px !important;
}

.p-l2 {
    padding: 51px !important;
}

.p-l3 {
    padding: 54px !important;
}

.p-l4 {
    padding: 57px !important;
}

.p-l5 {
    padding: 60px !important;
}

.p-xl1 {
    padding: 63px !important;
}

.p-xl2 {
    padding: 66px !important;
}

.p-xl3 {
    padding: 69px !important;
}

.p-xl4 {
    padding: 72px !important;
}

.p-xl5 {
    padding: 75px !important;
}

.p-xxl1 {
    padding: 78px !important;
}

.p-xxl2 {
    padding: 81px !important;
}

.p-xxl3 {
    padding: 84px !important;
}

.p-xxl4 {
    padding: 87px !important;
}

.p-xxl5 {
    padding: 90px !important;
}


.p-t-xs1 {
    padding-top: 3px !important;
}

.p-t-xs2 {
    padding-top: 6px !important;
}

.p-t-xs3 {
    padding-top: 9px !important;
}

.p-t-xs4 {
    padding-top: 12px !important;
}

.p-t-xs5 {
    padding-top: 15px !important;
}

.p-t-s1 {
    padding-top: 18px !important;
}

.p-t-s2 {
    padding-top: 21px !important;
}

.p-t-s3 {
    padding-top: 24px !important;
}

.p-t-s4 {
    padding-top: 27px !important;
}

.p-t-s5 {
    padding-top: 30px !important;
}

.p-t-m1 {
    padding-top: 33px !important;
}

.p-t-m2 {
    padding-top: 36px !important;
}

.p-t-m3 {
    padding-top: 39px !important;
}

.p-t-m4 {
    padding-top: 42px !important;
}

.p-t-m5 {
    padding-top: 45px !important;
}

.p-t-l1 {
    padding-top: 48px !important;
}

.p-t-l2 {
    padding-top: 51px !important;
}

.p-t-l3 {
    padding-top: 54px !important;
}

.p-t-l4 {
    padding-top: 57px !important;
}

.p-t-l5 {
    padding-top: 60px !important;
}

.p-t-xl1 {
    padding-top: 63px !important;
}

.p-t-xl2 {
    padding-top: 66px !important;
}

.p-t-xl3 {
    padding-top: 69px !important;
}

.p-t-xl4 {
    padding-top: 72px !important;
}

.p-t-xl5 {
    padding-top: 75px !important;
}

.p-t-xxl1 {
    padding-top: 78px !important;
}

.p-t-xxl2 {
    padding-top: 81px !important;
}

.p-t-xxl3 {
    padding-top: 84px !important;
}

.p-t-xxl4 {
    padding-top: 87px !important;
}

.p-t-xxl5 {
    padding-top: 90px !important;
}

.p-l-xs1 {
    padding-left: 3px !important;
}

.p-l-xs2 {
    padding-left: 6px !important;
}

.p-l-xs3 {
    padding-left: 9px !important;
}

.p-l-xs4 {
    padding-left: 12px !important;
}

.p-l-xs5 {
    padding-left: 15px !important;
}

.p-l-s1 {
    padding-left: 18px !important;
}

.p-l-s2 {
    padding-left: 21px !important;
}

.p-l-s3 {
    padding-left: 24px !important;
}

.p-l-s4 {
    padding-left: 27px !important;
}

.p-l-s5 {
    padding-left: 30px !important;
}

.p-l-m1 {
    padding-left: 33px !important;
}

.p-l-m2 {
    padding-left: 36px !important;
}

.p-l-m3 {
    padding-left: 39px !important;
}

.p-l-m4 {
    padding-left: 42px !important;
}

.p-l-m5 {
    padding-left: 45px !important;
}

.p-l-l1 {
    padding-left: 48px !important;
}

.p-l-l2 {
    padding-left: 51px !important;
}

.p-l-l3 {
    padding-left: 54px !important;
}

.p-l-l4 {
    padding-left: 57px !important;
}

.p-l-l5 {
    padding-left: 60px !important;
}

.p-l-xl1 {
    padding-left: 63px !important;
}

.p-l-xl2 {
    padding-left: 66px !important;
}

.p-l-xl3 {
    padding-left: 69px !important;
}

.p-l-xl4 {
    padding-left: 72px !important;
}

.p-l-xl5 {
    padding-left: 75px !important;
}

.p-l-xxl1 {
    padding-left: 78px !important;
}

.p-l-xxl2 {
    padding-left: 81px !important;
}

.p-l-xxl3 {
    padding-left: 84px !important;
}

.p-l-xxl4 {
    padding-left: 87px !important;
}

.p-l-xxl5 {
    padding-left: 90px !important;
}

.p-b-xs1 {
    padding-bottom: 3px !important;
}

.p-b-xs2 {
    padding-bottom: 6px !important;
}

.p-b-xs3 {
    padding-bottom: 9px !important;
}

.p-b-xs4 {
    padding-bottom: 12px !important;
}

.p-b-xs5 {
    padding-bottom: 15px !important;
}

.p-b-s1 {
    padding-bottom: 18px !important;
}

.p-b-s2 {
    padding-bottom: 21px !important;
}

.p-b-s3 {
    padding-bottom: 24px !important;
}

.p-b-s4 {
    padding-bottom: 27px !important;
}

.p-b-s5 {
    padding-bottom: 30px !important;
}

.p-b-m1 {
    padding-bottom: 33px !important;
}

.p-b-m2 {
    padding-bottom: 36px !important;
}

.p-b-m3 {
    padding-bottom: 39px !important;
}

.p-b-m4 {
    padding-bottom: 42px !important;
}

.p-b-m5 {
    padding-bottom: 45px !important;
}

.p-b-l1 {
    padding-bottom: 48px !important;
}

.p-b-l2 {
    padding-bottom: 51px !important;
}

.p-b-l3 {
    padding-bottom: 54px !important;
}

.p-b-l4 {
    padding-bottom: 57px !important;
}

.p-b-l5 {
    padding-bottom: 60px !important;
}

.p-b-xl1 {
    padding-bottom: 63px !important;
}

.p-b-xl2 {
    padding-bottom: 66px !important;
}

.p-b-xl3 {
    padding-bottom: 69px !important;
}

.p-b-xl4 {
    padding-bottom: 72px !important;
}

.p-b-xl5 {
    padding-bottom: 75px !important;
}

.p-b-xxl1 {
    padding-bottom: 78px !important;
}

.p-b-xxl2 {
    padding-bottom: 81px !important;
}

.p-b-xxl3 {
    padding-bottom: 84px !important;
}

.p-b-xxl4 {
    padding-bottom: 87px !important;
}

.p-b-xxl5 {
    padding-bottom: 90px !important;
}

.p-r-xs1 {
    padding-right: 3px !important;
}

.p-r-xs2 {
    padding-right: 6px !important;
}

.p-r-xs3 {
    padding-right: 9px !important;
}

.p-r-xs4 {
    padding-right: 12px !important;
}

.p-r-xs5 {
    padding-right: 15px !important;
}

.p-r-s1 {
    padding-right: 18px !important;
}

.p-r-s2 {
    padding-right: 21px !important;
}

.p-r-s3 {
    padding-right: 24px !important;
}

.p-r-s4 {
    padding-right: 27px !important;
}

.p-r-s5 {
    padding-right: 30px !important;
}

.p-r-m1 {
    padding-right: 33px !important;
}

.p-r-m2 {
    padding-right: 36px !important;
}

.p-r-m3 {
    padding-right: 39px !important;
}

.p-r-m4 {
    padding-right: 42px !important;
}

.p-r-m5 {
    padding-right: 45px !important;
}

.p-r-l1 {
    padding-right: 48px !important;
}

.p-r-l2 {
    padding-right: 51px !important;
}

.p-r-l3 {
    padding-right: 54px !important;
}

.p-r-l4 {
    padding-right: 57px !important;
}

.p-r-l5 {
    padding-right: 60px !important;
}

.p-r-xl1 {
    padding-right: 63px !important;
}

.p-r-xl2 {
    padding-right: 66px !important;
}

.p-r-xl3 {
    padding-right: 69px !important;
}

.p-r-xl4 {
    padding-right: 72px !important;
}

.p-r-xl5 {
    padding-right: 75px !important;
}

.p-r-xxl1 {
    padding-right: 78px !important;
}

.p-r-xxl2 {
    padding-right: 81px !important;
}

.p-r-xxl3 {
    padding-right: 84px !important;
}

.p-r-xxl4 {
    padding-right: 87px !important;
}

.p-r-xxl5 {
    padding-right: 90px !important;
}

.m-t-xs1 {
    margin-top: 3px !important;
}

.m-t-xs2 {
    margin-top: 6px !important;
}

.m-t-xs3 {
    margin-top: 9px !important;
}

.m-t-xs4 {
    margin-top: 12px !important;
}

.m-t-xs5 {
    margin-top: 15px !important;
}

.m-t-s1 {
    margin-top: 18px !important;
}

.m-t-s2 {
    margin-top: 21px !important;
}

.m-t-s3 {
    margin-top: 24px !important;
}

.m-t-s4 {
    margin-top: 27px !important;
}

.m-t-s5 {
    margin-top: 30px !important;
}

.m-t-m1 {
    margin-top: 33px !important;
}

.m-t-m2 {
    margin-top: 36px !important;
}

.m-t-m3 {
    margin-top: 39px !important;
}

.m-t-m4 {
    margin-top: 42px !important;
}

.m-t-m5 {
    margin-top: 45px !important;
}

.m-t-l1 {
    margin-top: 48px !important;
}

.m-t-l2 {
    margin-top: 51px !important;
}

.m-t-l3 {
    margin-top: 54px !important;
}

.m-t-l4 {
    margin-top: 57px !important;
}

.m-t-l5 {
    margin-top: 60px !important;
}

.m-t-xl1 {
    margin-top: 63px !important;
}

.m-t-xl2 {
    margin-top: 66px !important;
}

.m-t-xl3 {
    margin-top: 69px !important;
}

.m-t-xl4 {
    margin-top: 72px !important;
}

.m-t-xl5 {
    margin-top: 75px !important;
}

.m-t-xxl1 {
    margin-top: 78px !important;
}

.m-t-xxl2 {
    margin-top: 81px !important;
}

.m-t-xxl3 {
    margin-top: 84px !important;
}

.m-t-xxl4 {
    margin-top: 87px !important;
}

.m-t-xxl5 {
    margin-top: 90px !important;
}

.m-l-xs1 {
    margin-left: 3px !important;
}

.m-l-xs2 {
    margin-left: 6px !important;
}

.m-l-xs3 {
    margin-left: 9px !important;
}

.m-l-xs4 {
    margin-left: 12px !important;
}

.m-l-xs5 {
    margin-left: 15px !important;
}

.m-l-s1 {
    margin-left: 18px !important;
}

.m-l-s2 {
    margin-left: 21px !important;
}

.m-l-s3 {
    margin-left: 24px !important;
}

.m-l-s4 {
    margin-left: 27px !important;
}

.m-l-s5 {
    margin-left: 30px !important;
}

.m-l-m1 {
    margin-left: 33px !important;
}

.m-l-m2 {
    margin-left: 36px !important;
}

.m-l-m3 {
    margin-left: 39px !important;
}

.m-l-m4 {
    margin-left: 42px !important;
}

.m-l-m5 {
    margin-left: 45px !important;
}

.m-l-l1 {
    margin-left: 48px !important;
}

.m-l-l2 {
    margin-left: 51px !important;
}

.m-l-l3 {
    margin-left: 54px !important;
}

.m-l-l4 {
    margin-left: 57px !important;
}

.m-l-l5 {
    margin-left: 60px !important;
}

.m-l-xl1 {
    margin-left: 63px !important;
}

.m-l-xl2 {
    margin-left: 66px !important;
}

.m-l-xl3 {
    margin-left: 69px !important;
}

.m-l-xl4 {
    margin-left: 72px !important;
}

.m-l-xl5 {
    margin-left: 75px !important;
}

.m-l-xxl1 {
    margin-left: 78px !important;
}

.m-l-xxl2 {
    margin-left: 81px !important;
}

.m-l-xxl3 {
    margin-left: 84px !important;
}

.m-l-xxl4 {
    margin-left: 87px !important;
}

.m-l-xxl5 {
    margin-left: 90px !important;
}

.m-b-xs1 {
    margin-bottom: 3px !important;
}

.m-b-xs2 {
    margin-bottom: 6px !important;
}

.m-b-xs3 {
    margin-bottom: 9px !important;
}

.m-b-xs4 {
    margin-bottom: 12px !important;
}

.m-b-xs5 {
    margin-bottom: 15px !important;
}

.m-b-s1 {
    margin-bottom: 18px !important;
}

.m-b-s2 {
    margin-bottom: 21px !important;
}

.m-b-s3 {
    margin-bottom: 24px !important;
}

.m-b-s4 {
    margin-bottom: 27px !important;
}

.m-b-s5 {
    margin-bottom: 30px !important;
}

.m-b-m1 {
    margin-bottom: 33px !important;
}

.m-b-m2 {
    margin-bottom: 36px !important;
}

.m-b-m3 {
    margin-bottom: 39px !important;
}

.m-b-m4 {
    margin-bottom: 42px !important;
}

.m-b-m5 {
    margin-bottom: 45px !important;
}

.m-b-l1 {
    margin-bottom: 48px !important;
}

.m-b-l2 {
    margin-bottom: 51px !important;
}

.m-b-l3 {
    margin-bottom: 54px !important;
}

.m-b-l4 {
    margin-bottom: 57px !important;
}

.m-b-l5 {
    margin-bottom: 60px !important;
}

.m-b-xl1 {
    margin-bottom: 63px !important;
}

.m-b-xl2 {
    margin-bottom: 66px !important;
}

.m-b-xl3 {
    margin-bottom: 69px !important;
}

.m-b-xl4 {
    margin-bottom: 72px !important;
}

.m-b-xl5 {
    margin-bottom: 75px !important;
}

.m-b-xxl1 {
    margin-bottom: 78px !important;
}

.m-b-xxl2 {
    margin-bottom: 81px !important;
}

.m-b-xxl3 {
    margin-bottom: 84px !important;
}

.m-b-xxl4 {
    margin-bottom: 87px !important;
}

.m-b-xxl5 {
    margin-bottom: 90px !important;
}

.m-r-xs1 {
    margin-right: 3px !important;
}

.m-r-xs2 {
    margin-right: 6px !important;
}

.m-r-xs3 {
    margin-right: 9px !important;
}

.m-r-xs4 {
    margin-right: 12px !important;
}

.m-r-xs5 {
    margin-right: 15px !important;
}

.m-r-s1 {
    margin-right: 18px !important;
}

.m-r-s2 {
    margin-right: 21px !important;
}

.m-r-s3 {
    margin-right: 24px !important;
}

.m-r-s4 {
    margin-right: 27px !important;
}

.m-r-s5 {
    margin-right: 30px !important;
}

.m-r-m1 {
    margin-right: 33px !important;
}

.m-r-m2 {
    margin-right: 36px !important;
}

.m-r-m3 {
    margin-right: 39px !important;
}

.m-r-m4 {
    margin-right: 42px !important;
}

.m-r-m5 {
    margin-right: 45px !important;
}

.m-r-l1 {
    margin-right: 48px !important;
}

.m-r-l2 {
    margin-right: 51px !important;
}

.m-r-l3 {
    margin-right: 54px !important;
}

.m-r-l4 {
    margin-right: 57px !important;
}

.m-r-l5 {
    margin-right: 60px !important;
}

.m-r-xl1 {
    margin-right: 63px !important;
}

.m-r-xl2 {
    margin-right: 66px !important;
}

.m-r-xl3 {
    margin-right: 69px !important;
}

.m-r-xl4 {
    margin-right: 72px !important;
}

.m-r-xl5 {
    margin-right: 75px !important;
}

.m-r-xxl1 {
    margin-right: 78px !important;
}

.m-r-xxl2 {
    margin-right: 81px !important;
}

.m-r-xxl3 {
    margin-right: 84px !important;
}

.m-r-xxl4 {
    margin-right: 87px !important;
}

.m-r-xxl5 {
    margin-right: 90px !important;
}
/*MARGİN AND PADDİNG END*/

.appointment-reserve-color {
    background-color:#00365a !important;
}
.appointment-send-approve-color {
    background-color: #ff7043 !important;
}
.appointment-approved-color {
    background-color: #009688 !important;
}
.appointment-default-td {
    padding: 12px 6px !important;
    cursor: pointer !important;
    text-align:center !important;
    border: 1px solid #f8f9fa !important;
    color:#00365a !important;
}

.appointment-default-td:hover {
    background-color: #00365a !important;
    color:white !important;
}

.appointment-disabled-td {
    padding: 12px 6px !important;
    text-align:center !important;
    border: 1px solid #f8f9fa !important;
    background-color:#f8f9fa !important;
    color:#f8f9fa !important;
}

/*Status 0 Kullanıcı Seçim Gerçekleştiriyor, Henüz Onaya Göndermedi
Kendisine Ait Seçimleri Bu Renkte Görüyor.
.*/
/*#00365a*/
.appointment-reserve-this-user-td {
    padding: 12px 6px !important;
    cursor: pointer !important;
    text-align:center !important;
    border: 1px solid #f8f9fa !important;
    color:white !important;
    background-color:#00365a !important;
}

/*Status 0 Kullanıcı Seçim Gerçekleştiriyor, Henüz Onaya Göndermedi.*/
.appointment-reserve-td {
    padding: 12px 6px !important;
    cursor: pointer !important;
    text-align:center !important;
    border: 1px solid #f8f9fa !important;
    color:white !important;
    background-color:#03a9f4 !important;
}
/*Status: 1  Kullanıcı Onaya Gönderdi. Henüz Onaylanmadı.*/
/*Bu durumda kullanıcı saat değişikliği gerçekleştiremez.*/
.appointment-send-approve-td {
    padding: 12px 6px !important;
    cursor: pointer !important;
    text-align:center !important;
    border: 1px solid #f8f9fa !important;
    color:white !important;
    background-color: #ff7043 !important;
}
/*Status 2 Kullanıcı Onaya Gönderdi Ve Onaylandı.*/
/*Bu durumda kullanıcı saat değişikliği gerçekleştiremez.*/
.appointment-approved-td {
    padding: 12px 6px !important;
    cursor: pointer !important;
    text-align:center !important;
    border: 1px solid #f8f9fa !important;
    color:white !important;
    background-color: #009688 !important;
}

/*Status 3 Eğer Onaylanmazsa Eğer Tablodan Veriyi Sileceğimiz İçin Burada Farklı Renkte Göstermemize Gerek Yok Diye Düşündüm.
Çünkü Eğer Onaylanmazsa İlgili Saatler Tekrar Boşa Çıkacaktır.
*/




/*CUSTOMİZED CSS*/

.right-modal-content {
    position:fixed !important;
    left:0px !important;
    right:0px !important;
    top:0px !important;
    bottom:0px !important;
    padding-bottom:93px !important;
}

.right-modal-footer {
    position:absolute !important;
    left:0px !important;
    bottom:0px !important;
    z-index:9999 !important;
    width:100% !important;
}

/*CUSTOMİZED CSS*/



.chat-box-left {
    margin-left:10px !important; 
    max-width:75% !important;
    min-width: 45%;
    float:left !important;
    -webkit-box-shadow: 0 4px 8px 0 rgb(34 41 47 / 12%);
    box-shadow: 0 4px 8px 0 rgb(34 41 47 / 12%);
}

.chat-box-right {
    margin-right:10px !important; 
    max-width:75% !important;
    min-width: 45%;
    float:right !important;
    background:#48b6b5;
    color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgb(34 41 47 / 12%);
    box-shadow: 0 4px 8px 0 rgb(34 41 47 / 12%);
}

.chat-box-right .text-muted, .chat-box-right .text-semi-muted{color: #fff !important;}

.background-chat-canvas {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNjAgMjYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNlMWUwZTl9PC9zdHlsZT48ZyBpZD0iaS1saWtlLWZvb2QiPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC40IDE2Yy4yLjYuNCAxLjMuNSAyaC0zLjdsMS4yIDIuMy41LjktLjIuMVYyOGMyLjIgMS43IDIuNyA0LjggMSA3LS44IDEtMS45IDEuNy0zLjIgMS45di4xYy0uOSAzLjUtNC4xIDYtNy44IDZoLTIwYy0zLjYgMC02LjgtMi41LTcuNy02di0uMWMtMi43LS40LTQuNi0zLTQuMi01LjcuMi0xLjMuOS0yLjUgMS45LTMuMnYtNi44bC0uOC0xLjYtLjQtLjkuOS0uNC42LS4zaC0zQy0xNy4yIDUuNi00LjktMi4yIDcuNS42IDE1LjQgMi4zIDIxLjkgOC4yIDI0LjQgMTZ6bS0zNi44IDJjLS4yIDAtLjMgMC0uNC4xbC0zLjEgMS42LjkgMS44IDEuMy0uN2MuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMi4xLjUuMS44IDBsMi45LTEuM2MuOC0uMyAxLjctLjMgMi40IDBsMi45IDEuM2MuMy4xLjYuMS45IDBsMy4xLTEuNS0uOS0xLjgtMS40LjdjLS44LjQtMS43LjQtMi42LjFsLTIuOC0xLjJjLS4yLS4yLS4zLS4yLS40LS4yLS4xIDAtLjMgMC0uNC4xbC0yLjggMS4yYy0uOC40LTEuOC4zLTIuNi0uMUw0IDE4LjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xTDEgMTkuMmMtLjguNC0xLjguNC0yLjcgMEwtNCAxOC4xYy0uMS0uMS0uMy0uMS0uNC0uMS0uMiAwLS4zIDAtLjQuMUwtNyAxOS4yYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMS0uNC0uMS0uNS0uMXptMC0yaC00LjlDLTEzLjUgNS4xLTEuNS0uNyA5LjUgMy4yYzYgMi4xIDEwLjcgNi44IDEyLjggMTIuOGgtMi4xbC0uMS0uMS0uMi4xaC0zMi4zem0zMC4zIDcuN2wxLjQtLjdoMS4zdjJoLTM2di0xLjFsLjMtLjIgMS40LS43aDIuNmwxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuNC0uN0gtM2wxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuMi0uN2gyLjZsMS40LjdjLjcuNCAxLjcuNCAyLjUgMGwxLjctLjdoMy4ybDEuNy43Yy44LjQgMS43LjQgMi41IDB6TS0xMy44IDI3bDE2LjQgNC45TDE4LjkgMjdoLTMyLjd6bS0uNiAyaC4zbDE2LjcgNSAxNi43LTVoLjNjMS43IDAgMyAxLjMgMyAzcy0xLjMgMy0zIDNoLTM0Yy0xLjcgMC0zLTEuMy0zLTNzMS4zLTMgMy0zem0xLjMgOGMuOCAyLjQgMy4xIDQgNS43IDRoMjBjMi41IDAgNC44LTEuNiA1LjctNGgtMzEuNHoiLz48cGF0aCBpZD0icGF0aDZfZmlsbC1jb3B5IiBjbGFzcz0ic3QwIiBkPSJNMjg0LjQgMTZjLjIuNi40IDEuMy41IDJoLTMuN2wxLjIgMi4zLjUuOS0uMi4xVjI4YzIuMiAxLjcgMi43IDQuOCAxIDctLjggMS0xLjkgMS43LTMuMiAxLjl2LjFjLS45IDMuNS00LjEgNi03LjggNmgtMjBjLTMuNiAwLTYuOC0yLjUtNy43LTZ2LS4xYy0yLjctLjQtNC42LTMtNC4yLTUuNy4yLTEuMy45LTIuNSAxLjktMy4ydi02LjhsLS44LTEuNi0uNC0uOS45LS40LjYtLjNoLTNDMjQyLjggNS42IDI1NS4xLTIuMiAyNjcuNS42YzcuOSAxLjcgMTQuNCA3LjYgMTYuOSAxNS40em0tMzYuOSAyYy0uMiAwLS4zIDAtLjQuMWwtMy4xIDEuNi45IDEuOCAxLjMtLjdjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuOS0xLjNjLjgtLjMgMS43LS4zIDIuNCAwbDIuOSAxLjNjLjMuMS42LjEuOSAwbDMuMS0xLjUtLjktMS44LTEuNC43Yy0uOC40LTEuNy40LTIuNi4xbC0yLjgtMS4yYy0uMS0uMS0uMy0uMS0uNC0uMS0uMSAwLS4zIDAtLjQuMWwtMi44IDEuMmMtLjguNC0xLjguMy0yLjYtLjFsLTIuMy0xLjFjLS4xLS4xLS4zLS4xLS41LS4xcy0uMyAwLS40LjFsLTIuMiAxLjFjLS44LjQtMS44LjQtMi43IDBsLTIuMi0xLjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xbC0yLjIgMS4xYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMi0uNC0uMi0uNi0uMnptMC0yaC00LjljMy45LTEwLjkgMTUuOS0xNi43IDI2LjgtMTIuOCA2IDIuMSAxMC43IDYuOCAxMi44IDEyLjhoLTIuMWwtLjEtLjEtLjMuMWgtMzIuMnptMzAuNCA3LjdsMS40LS43aDEuM3YyaC0zNnYtMS4xbC4zLS4yIDEuNC0uN2gyLjZsMS40LjdjLjguNCAxLjguNCAyLjcgMGwxLjQtLjdoMi42bDEuNC43Yy44LjQgMS44LjQgMi43IDBsMS40LS43aDIuNmwxLjQuN2MuOC40IDEuNy40IDIuNi4xbDEuNy0uN2gzLjJsMS43LjdjLjUuMyAxLjQuMyAyLjItLjF6TTI0Ni4yIDI3bDE2LjQgNC45TDI3OSAyN2gtMzIuOHptLS43IDJoLjNsMTYuNyA1IDE2LjctNWguM2MxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgM2gtMzRjLTEuNyAwLTMtMS4zLTMtM3MxLjQtMyAzLTN6bTEuNCA4Yy44IDIuNCAzLjEgNCA1LjYgNGgyMGMyLjUgMCA0LjgtMS42IDUuNy00aC0zMS4zeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTkuNSAyMWMtMS4zLTMuNi00LjctNi04LjUtNmgtNDJjLTMuOCAwLTcuMiAyLjQtOC41IDYtMy4zLjMtNS44IDMuMi01LjUgNi41LjIgMi45IDIuNiA1LjIgNS41IDUuNS0xLjcgNC43LjggOS44IDUuNCAxMS41IDEgLjMgMiAuNSAzIC41aDQyYzUgMCA5LTQgOS05IDAtMS0uMi0yLjEtLjUtMyAzLjMtLjMgNS44LTMuMiA1LjUtNi41LS4yLTIuOS0yLjUtNS4yLTUuNC01LjV6bS04LjUtNGgtNDJjLTIuNyAwLTUuMiAxLjYtNi4zIDRoNTQuN2MtMS4yLTIuNC0zLjctNC02LjQtNHptLTkuMyAyNmMyLjEtMS43IDMuMy00LjMgMy4zLTdoLTJjMCAzLjktMy4xIDctNyA3aC00LjNjMi4xLTEuNyAzLjMtNC4zIDMuMy03aC0yYzAgMy45LTMuMSA3LTcgN2gtNC4zYzIuMS0xLjcgMy4zLTQuMyAzLjMtN2gtMmMwIDMuOS0zLjEgNy03IDdoLTdjLTMuOSAwLTctMy4xLTctN3MzLjEtNyA3LTdoNDJjMy45IDAgNyAzLjEgNyA3cy0zLjEgNy03IDdoLTkuM3pNMTA5IDI3Yy0zIDAtNS44IDEuNS03LjUgNGgtLjVjLTIuMiAwLTQtMS44LTQtNHMxLjgtNCA0LTRoNThjMi4yIDAgNCAxLjggNCA0cy0xLjggNC00IDRoLS41Yy0xLjctMi41LTQuNS00LTcuNS00aC00MnpNMzkgMTE1YzQuNCAwIDgtMy42IDgtOHMtMy42LTgtOC04LTggMy42LTggOCAzLjYgOCA4IDh6bTYtOGMwIDMuMy0yLjcgNi02IDZzLTYtMi43LTYtNiAyLjctNiA2LTYgNiAyLjcgNiA2em0tMy0yOXYtMmg4di02SDQwYy0yLjIgMC00IDEuOC00IDR2MTBIMjJsLTEuMyA0LS43IDJoMi4ybDMuOCA0MGgyNmwzLjgtNDBINThsLS43LTItMS4zLTRINDJ2LTZ6bS00LTR2MTBoMlY3NGg4di0yaC04Yy0xLjEgMC0yIC45LTIgMnptMiAxMmgxNC42bC43IDJIMjIuOGwuNy0ySDQwem0xMy44IDRIMjQuMmwzLjYgMzhoMjIuNGwzLjYtMzh6TTEyOSA5MmgtNnY0aC02djRoLTZ2MTRoLTNsLjIgMiAzLjggMzJoMzZsMy44LTMyIC4yLTJoLTN2LTE0aC02di00aC02di00aC04em0xOCAyMnYtMTJoLTR2NGgzdjhoMXptLTMgMHYtNmgtNHY2aDR6bS02IDZ2LTE2aC00djE5LjJjMS42LS43IDMtMS44IDQtMy4yem0tNiAzLjhWMTAwaC00djIzLjhjMS4zLjMgMi43LjMgNCAwem0tNi0uNlYxMDRoLTR2MTZjMSAxLjQgMi40IDIuNSA0IDMuMnptLTYtOS4ydi02aC00djZoNHptLTYgMHYtOGgzdi00aC00djEyaDF6bTI3LTEydi00aC00djRoM3Y0aDF2LTR6bS02IDB2LThoLTR2NGgzdjRoMXptLTYtNHYtNGgtNHY4aDF2LTRoM3ptLTYgNHYtNGgtNHY4aDF2LTRoM3ptNyAyNGM1LjkgMCAxMC45LTQuMiAxMS44LTEwaDcuOWwtMy41IDMwaC0zMi40bC0zLjUtMzBoNy45Yy45IDUuOCA1LjkgMTAgMTEuOCAxMHpNMjEyIDg2djJoLTR2LTJoNHptNCAwaC0ydjJoMnYtMnptLTIwIDBjLTIuNy43LTQuNSAzLjMtMy45IDYgLjQgMS44IDEuNiAzLjIgMy4zIDMuOGwuMS4yIDEuMSA0LjVjLjIuOSAxIDEuNSAxLjkgMS41bDcgMjQuNmMuMi45IDEgMS40IDEuOSAxLjRoNWMuOSAwIDEuNy0uNiAxLjktMS40bDctMjQuNmMuOSAwIDEuNy0uNiAxLjktMS41bDEuMS00LjUuMS0uMmMyLjYtLjkgNC4xLTMuNyAzLjItNi4zLS42LTEuNy0yLTMtMy44LTMuM1Y4NmMwLTcuNy02LjMtMTQtMTQtMTRTMTk2IDc4LjMgMTk2IDg2em00IDBoNnYyaC05Yy0xLjcgMC0zIDEuMy0zIDNzMS4zIDMgMyAzaDI2YzEuNyAwIDMtMS4zIDMtM3MtMS4zLTMtMy0zaC0zdi0yaDJjMC02LjYtNS40LTEyLTEyLTEycy0xMiA1LjQtMTIgMTJoMnptLTEuNCAxNGwtMS00aDI0LjlsLTEgNGgtMjIuOXptOC45IDI2bC02LjktMjRoMTguN2wtNi45IDI0aC00Ljl6TTE1MCAyNDJjMTIuMiAwIDIyLTkuOCAyMi0yMnMtOS44LTIyLTIyLTIyLTIyIDkuOC0yMiAyMiA5LjggMjIgMjIgMjJ6bTI0LTIyYzAgMTMuMy0xMC43IDI0LTI0IDI0cy0yNC0xMC43LTI0LTI0IDEwLjctMjQgMjQtMjQgMjQgMTAuNyAyNCAyNHptLTI4LjQgMTcuN2wyLS45YzEuNS0uNiAzLjItLjYgNC43IDBsMiAuOWMuOS40IDIgMCAyLjUtLjhsMS4xLTEuOWMuOC0xLjQgMi4yLTIuNCAzLjgtMi44bDIuMS0uNWMxLS4yIDEuNi0xLjEgMS41LTIuMWwtLjItMi4yYy0uMS0xLjYuNC0zLjIgMS40LTQuNWwxLjQtMS43Yy43LS44LjctMS45IDAtMi42bC0xLjQtMS43Yy0xLjEtMS4yLTEuNi0yLjgtMS40LTQuNWwuMi0yLjJjLjEtMS0uNi0xLjktMS42LTIuMWwtMi4xLS41Yy0xLjYtLjQtMy0xLjQtMy44LTIuOGwtMS4xLTEuOWMtLjUtLjktMS42LTEuMi0yLjUtLjhsLTIgLjljLTEuNS42LTMuMi42LTQuNyAwbC0yLS45Yy0uOS0uNC0yIDAtMi41LjhsLTEgMi4xYy0uOCAxLjQtMi4yIDIuNC0zLjggMi44bC0yLjEuNWMtMSAuMi0xLjYgMS4xLTEuNSAyLjFsLjIgMi4yYy4xIDEuNi0uNCAzLjItMS40IDQuNWwtMS40IDEuN2MtLjcuOC0uNyAxLjkgMCAyLjZsMS40IDEuN2MxLjEgMS4yIDEuNiAyLjggMS40IDQuNWwtLjIgMi4yYy0uMSAxIC42IDEuOSAxLjYgMi4xbDIuMS41YzEuNi40IDMgMS40IDMuOCAyLjhsMS4xIDEuOWMuNC43IDEuNSAxIDIuNC42em0yLjggMWMxLS40IDIuMS0uNCAzLjEgMGwyIC45YzEuOC44IDQgLjEgNS0xLjZsMS4xLTEuOWMuNi0uOSAxLjUtMS42IDIuNS0xLjhsMi4xLS41YzEuOS0uNCAzLjMtMi4zIDMuMS00LjJsLS4yLTIuMmMtLjEtMS4xLjMtMi4yIDEtM2wxLjQtMS43YzEuMy0xLjUgMS4zLTMuNyAwLTUuMmwtMS40LTEuN2MtLjctLjgtMS4xLTEuOS0xLTNsLjItMi4yYy4yLTItMS4xLTMuOC0zLjEtNC4ybC0yLjEtLjVjLTEuMS0uMi0yLS45LTIuNS0xLjhsLTEuMS0xLjljLTEtMS43LTMuMi0yLjQtNS0xLjZsLTIgLjljLTEgLjQtMi4xLjQtMy4xIDBsLTItLjljLTEuOC0uOC00LS4xLTUgMS42bC0xLjEgMS45Yy0uNi45LTEuNSAxLjYtMi41IDEuOGwtMi4xLjVjLTEuOS40LTMuMyAyLjMtMy4xIDQuMmwuMiAyLjJjLjEgMS4xLS4zIDIuMi0xIDNsLTEuNCAxLjdjLTEuMyAxLjUtMS4zIDMuNyAwIDUuMmwxLjQgMS43Yy43LjggMS4xIDEuOSAxIDNsLS4yIDIuMmMtLjIgMiAxLjEgMy44IDMuMSA0LjJsMi4xLjVjMS4xLjIgMiAuOSAyLjUgMS44bDEuMSAxLjljMSAxLjcgMy4yIDIuNCA1IDEuNmwyLS45ek0xNTIgMjA3YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptNiAyYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTExIDFjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0tNiAwYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptMy01YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTggOGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTMgNmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTAgNmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTQgN2MwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTUtMmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTUgNGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTQtNmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTYtNGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS00LTNjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem00LTNjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0tNS00YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTI0IDZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0xNiA1YzIuOCAwIDUtMi4yIDUtNXMtMi4yLTUtNS01LTUgMi4yLTUgNSAyLjIgNSA1IDV6bTctNWMwIDMuOS0zLjEgNy03IDdzLTctMy4xLTctNyAzLjEtNyA3LTcgNyAzLjEgNyA3em04Ni0yOWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0xOSA5YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0tMTQgNWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0tMjUgMWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem01IDRjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptOSAwYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xNSAxYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xMi0yYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bS0xMS0xNGMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTE5IDBjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptNiA1YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0tMjUgMTV2LTEuNGMtMi41LTEuMS0zLjctNC0yLjYtNi42LjItLjUuNS0xIC45LTEuNC0uOS0yIDAtNC4yIDEuOS01LjItLjgtMi42LjctNS40IDMuNC02LjIuNC0uNS45LS45IDEuNS0xLjEuNS0yLjcgMy4xLTQuNSA1LjgtNC4xLjcuMSAxLjQuNCAyIC44IDUuMy0zLjggMTEuNi01LjkgMTguMi01LjkgNi44IDAgMTMuMSAyLjIgMTguMiA1LjkgMi4zLTEuNiA1LjQtMSA3IDEuMy40LjYuNyAxLjMuOCAyIC42LjIgMS4xLjYgMS41IDEuMSAyLjcuOCA0LjIgMy41IDMuNCA2LjIgMS45IDEgMi43IDMuMiAxLjkgNS4yIDEuOSAyIDEuOCA1LjItLjIgNy0uNC40LS45LjctMS41IDF2Mi40aC02MnYtMWgtLjJ6bS44LTcuMmMtLjMgMS4yLS41IDIuNC0uNiAzLjYtMS4zLTEtMS42LTIuOS0uNi00LjIuNC4zLjguNSAxLjIuNnptMS41LTQuNmMtLjQuOS0uNyAxLjgtMSAyLjctMS0uNC0xLjYtMS41LTEuMy0yLjUuMi0uNS42LS45IDEuMS0xLjIuNC40LjguNyAxLjIgMXptMi4zLTQuNWwtMS41IDIuN2MtMS4zLTEtMS41LTIuOS0uNS00LjIuMS0uMi4zLS4zLjQtLjUuMy45LjkgMS42IDEuNiAyem0xLjItMS43Yy40LS41LjctMSAxLjEtMS41LS4zLS41LS45LS43LTEuNC0uNHMtLjcuOS0uNCAxLjRjLjIuMi40LjQuNy41em01LjMtNS44Yy0xIC45LTIgMS44LTIuOSAyLjgtLjMtLjMtLjctLjYtMS4xLS44LjQtMS42IDIuMS0yLjUgMy43LTIuMS4xIDAgLjIuMS4zLjF6bTQyLjcgMi44Yy0uOS0xLTEuOS0xLjktMi45LTIuOCAxLjUtLjYgMy4zLjEgMy45IDEuNyAwIC4xLjEuMi4xLjMtLjQuMi0uOC40LTEuMS44em0xLjMgMS41Yy40LjUuOCAxIDEuMSAxLjQuNS0uMS45LS43LjgtMS4ycy0uNy0uOS0xLjItLjhjLS4zLjItLjUuNC0uNy42em0zLjggNS45bC0xLjUtMi43Yy44LS40IDEuNC0xLjEgMS42LTIgMS4zIDEuMSAxLjQgMyAuNCA0LjItLjIuMi0uNC4zLS41LjV6bTEuNyA0LjVjLS4zLS45LS42LTEuOC0xLTIuNy40LS4zLjgtLjYgMS4yLTEgMSAuNSAxLjQgMS43IDEgMi43LS4yLjQtLjYuOC0xLjIgMXptMS4yIDUuNWMtLjEtMS4yLS40LTIuNC0uNi0zLjYuNS0uMS45LS40IDEuMi0uNiAxIDEuMy43IDMuMi0uNiA0LjJ6TTI3NSAyMTRjLS41LTE2LTEzLjktMjguNi0yOS45LTI4LjEtMTUuMy41LTI3LjYgMTIuOC0yOC4xIDI4LjFoNTh6TTcyLjMgMTk4LjFjLS4yLS4zLS4zLS43LS4zLTEuMXYtMTJoLTJ2MTJjMCAyLjIgMS44IDQgNCA0IDEuMiAwIDIuMy0uNSAzLjEtMS40LjYtLjcuOS0xLjYuOS0yLjV2LTEyaC0ydjEyYzAgMS4xLS45IDItMiAyLS43LS4xLTEuMy0uNC0xLjctMXpNNzUgMTc2Yy40IDAgLjcgMCAxLjEtLjEuNSAyLjIgMi42IDMuNSA0LjggMyAuNS0uMSAxLS4zIDEuNC0uNiAxLjEgMi4xIDEuNyA0LjQgMS43IDYuN3YyNGMwIDMuMy0yLjcgNi02IDZoLTN2OWMwIDIuOC0yLjIgNS01IDVzLTUtMi4yLTUtNXYtOWgtM2MtMy4zIDAtNi0yLjctNi02di0yNGMwLTcuNyA2LjMtMTQgMTQtMTQgMCAyLjggMi4yIDUgNSA1em0tMTcgMTV2MTJjMCAuOC41IDEuNSAxLjIgMS44LjkuNCAxLjkuMSAyLjQtLjcuMi0uMy4zLS43LjMtMS4xdi0xMmgydjEyYzAgMi4yLTEuNyA0LTMuOSA0LS41IDAtMS0uMS0xLjQtLjItLjItLjEtLjQtLjItLjctLjN2Mi41YzAgMi4yIDEuOCA0IDQgNGgxNmMyLjIgMCA0LTEuOCA0LTR2LTI0YzAtMS41LS4yLTIuOS0uNy00LjItLjQuMS0uOS4yLTEuMy4yLTIuMSAwLTQuMS0xLjEtNS4yLTMtMy0uMS01LjYtMi02LjUtNC45QzYyLjQgMTc0IDU4IDE3OSA1OCAxODV2NnptOSAyNHY5YzAgMS43IDEuMyAzIDMgM3MzLTEuMyAzLTN2LTloLTZ6TS0xNyAxOTFjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptMTkgOWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMUgzYy0uNiAwLTEtLjQtMS0xem0tMTQgNWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0tMjUgMWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem01IDRjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptOSAwYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xNSAxYzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0xMi0yYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFINHptLTExLTE0YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxaC0yYy0uNiAwLTEtLjQtMS0xem0tMTkgMGMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem02IDVjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bS0yNSAxNXYtMS40Yy0yLjUtMS4xLTMuNy00LTIuNi02LjYuMi0uNS41LTEgLjktMS40LS45LTIgMC00LjIgMS45LTUuMi0uOC0yLjYuNy01LjQgMy40LTYuMi40LS41LjktLjkgMS41LTEuMS41LTIuNyAzLjEtNC41IDUuOC00LjEuNy4xIDEuNC40IDIgLjggNS4zLTMuOCAxMS42LTUuOSAxOC4yLTUuOSA2LjggMCAxMy4xIDIuMiAxOC4yIDUuOSAyLjMtMS42IDUuNC0xIDcgMS4zLjQuNi43IDEuMy44IDIgLjYuMiAxLjEuNiAxLjUgMS4xIDIuNy44IDQuMiAzLjUgMy40IDYuMiAxLjkgMSAyLjcgMy4yIDEuOSA1LjIgMS45IDIgMS44IDUuMi0uMiA3LS40LjQtLjkuNy0xLjUgMXYyLjRoLTYydi0xaC0uMnptLjgtNy4yYy0uMyAxLjItLjUgMi40LS42IDMuNi0xLjMtMS0xLjYtMi45LS42LTQuMi40LjMuOC41IDEuMi42em0xLjUtNC42Yy0uNC45LS43IDEuOC0xIDIuNy0xLS40LTEuNi0xLjUtMS4zLTIuNS4yLS41LjYtLjkgMS4xLTEuMi40LjQuOC43IDEuMiAxem0yLjMtNC41bC0xLjUgMi43Yy0xLjMtMS0xLjUtMi45LS41LTQuMi4xLS4yLjMtLjMuNC0uNS4zLjkuOSAxLjYgMS42IDJ6bTEuMi0xLjdjLjMtLjUuNy0xIDEuMS0xLjUtLjMtLjUtLjktLjctMS40LS40cy0uNy45LS40IDEuNGMuMi4yLjQuNC43LjV6bTUuMy01LjhjLTEgLjktMiAxLjgtMi45IDIuOC0uMy0uMy0uNy0uNi0xLjEtLjguNC0xLjYgMi4xLTIuNSAzLjctMi4xLjEgMCAuMi4xLjMuMXpNOC44IDE5NGMtLjktMS0xLjktMS45LTIuOS0yLjggMS41LS42IDMuMy4xIDMuOSAxLjcgMCAuMS4xLjIuMS4zLS40LjItLjguNC0xLjEuOHptMS4zIDEuNWMuNC41LjggMSAxLjEgMS40LjUtLjEuOS0uNy44LTEuMi0uMS0uNS0uNy0uOS0xLjItLjgtLjMuMi0uNS40LS43LjZ6bTMuOCA1LjljLS41LS45LS45LTEuOC0xLjUtMi43LjgtLjQgMS40LTEuMSAxLjYtMiAxLjMgMS4xIDEuNCAzIC40IDQuMi0uMi4yLS40LjMtLjUuNXptMS44IDQuNWMtLjMtLjktLjYtMS44LTEtMi43LjQtLjMuOC0uNiAxLjItMSAxIC41IDEuNCAxLjcgMSAyLjctLjMuNC0uNy44LTEuMiAxem0xLjEgNS41Yy0uMS0xLjItLjQtMi40LS42LTMuNi41LS4xLjktLjQgMS4yLS42IDEgMS4zLjcgMy4yLS42IDQuMnpNMTUgMjE0Yy0uNS0xNi0xMy45LTI4LjYtMjkuOS0yOC4xLTE1LjMuNS0yNy42IDEyLjgtMjguMSAyOC4xaDU4eiIvPjwvZz48L3N2Zz4=);
    background-color: #48b6b524;
    background-repeat: repeat;
    background-size: 210px;
}


.chat-input-container .btn-primary{
    background: #48b6b5;
    border-color: #48b6b5;
}
.chat-input-container .btn-outline-primary{
    color: #48b6b5;
    border-color: #48b6b5;
}
.chat-input-container .btn-outline-primary:hover{
    background: #48b6b5;
    color:#fff;
    border-color: #48b6b5;
}

/*CEP TELEFONU*/
@media only screen and (max-width: 992px) {
    textarea {
        min-height:80px !important;
    }
    .qualis-file-box {
        width:100% !important;
        min-width:100% !important;
    }

    #ChatHeader {
        margin-top:3px !important;
    }

    .demand-tab-li-item {
        width:100% !important;
    }

    .chat-box-left {
        width:100% !important;
        margin-left: 6px !important;
        margin-right:6px !important;
    }
    .chat-box-right {
        width:100% !important;
        margin-left: 6px !important;
        margin-right:6px !important;
    }
      
}

/*CEP TELEFONU DİKEY GENELDE ÇOK GEREKLİ OLMUYOR*/
@media only screen and (max-width: 500px) {

}

/*IPAD YATAY*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/*IPAD DİKEY*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}


/* ----- IMPORT ROBOTO FONT ----- */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
 

/* ******************************
RIPPLES EFFECT
****************************** */
    .ripples {
        overflow: hidden;
        position: relative;
    }
    
    .waves {
        position: absolute;
        display: block;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.3);
        -webkit-transform: scale(0);
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }

    .ripple {
        -webkit-animation: ripple 0.65s linear;
           -moz-animation: ripple 0.65s linear;
            -ms-animation: ripple 0.65s linear;
             -o-animation: ripple 0.65s linear;
                animation: ripple 0.65s linear;
    }

    @-webkit-keyframes ripple {
        100% {
            opacity: 0;
            -webkit-transform: scale(2.5);
        }
    }
    
    @-moz-keyframes ripple {
        100% {
            opacity: 0;
            -moz-transform: scale(2.5);
        }
    }
    
    @-o-keyframes ripple {
        100% {
            opacity: 0;
            -o-transform: scale(2.5);
        }
    }
    
    @keyframes ripple {
        100% {
            opacity: 0;
            transform: scale(2.5);
        }
    }

/* ******************************
BUTTONS
****************************** */
.q-btn {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    border: none;
    padding: 0 16px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: white;
    background-image: none;
    background-color: #28a745;
    
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);

    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;

    -ms-touch-action: manipulation;
        touch-action: manipulation;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.q-btn-sm {
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 32px;
    line-height: 34px;
    vertical-align: middle;
    border: none;
    padding: 0 16px;
    white-space: nowrap;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: white;
    background-image: none;
    background-color: #28a745;
    
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);

    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;

    -ms-touch-action: manipulation;
        touch-action: manipulation;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

/* ----- BUTTON STATES ----- */
    .q-btn:focus,
    .q-btn:active:focus,
    .q-btn.active:focus,
    .q-btn.focus,
    .q-btn:active.focus,
    .q-btn.active.focus {
        outline: none;
    }

    .q-btn:hover,
    .q-btn:focus,
    .q-btn.focus {
        color: white;
        text-decoration: none;
    }

    .q-btn:active,
    .q-btn.active {
        outline: 0;
        background-image: none;
    }

    .q-btn.disabled,
    .q-btn[disabled],
    fieldset[disabled] .q-btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

/* ----- ALTERNATE OPTIONS ----- */
/* PRIMARY */
    .q-btn-primary {
        color: #ffffff;
        background-color: #3F51B5;
    }

    .q-btn-primary:hover,
    .q-btn-primary:focus,
    .q-btn-primary.focus,
    .q-btn-primary:active,
    .q-btn-primary.active {
        color: #ffffff;
        background-color: #3949AB;
    }

/* ACCENT */
    .q-btn-accent {
        color: #ffffff;
        background-color: #EC407A;
    }

    .q-btn-accent:hover,
    .q-btn-accent:focus,
    .q-btn-accent.focus,
    .q-btn-accent:active,
    .q-btn-accent.active {
        color: #ffffff;
        background-color: #E91E63;
    }

/* SUCCESS */
    .q-btn-success {
        color: #ffffff;
        background-color: #009688;
    }

    .q-btn-success:hover,
    .q-btn-success:focus,
    .q-btn-success.focus,
    .q-btn-success:active,
    .q-btn-success.active {
        color: #ffffff;
        background-color: #00897B;
    }

/* ----- RAISED ----- */
    .q-btn-raised {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
           -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    }

/* ----- FLAT BUTTONS ----- */
    .q-btn-flat {
        font-weight: 400;
        color: #212121;
        background-color: transparent;
    }

    .q-btn-flat .waves {
        background-color: rgba(33, 33, 33, 0.1);
    }

    .q-btn-flat:hover,
    .q-btn-flat:focus,
    .q-btn-flat.focus,
    .q-btn-flat:active,
    .q-btn-flat.active {
        color: #212121;
    }

/* FLAT PRIMARY */
    .q-btn-flat.primary {
        color: #3F51B5;
    }

    .q-btn-flat.primary .waves {
        background-color: rgba(63, 81, 181, 0.3);
    }

/* FLAT ACCENT */
    .q-btn-flat.accent {
        color: #EC407A;
    }

    .q-btn-flat.accent .waves {
        background-color: rgba(255, 64, 129, 0.3);
    }

/* FLAT SUCCESS */
    .q-btn-flat.success {
        color: #009688;
    }

    .q-btn-flat.success .waves {
        background-color: rgba(0, 150, 136, 0.3);
    }

/* ----- ACTION ----- */
    .q-btn-action {
        min-width: 40px;
        width: 40px;
        height: 40px;
        line-height: 55px;
        padding: 0;
        border-radius: 20px;
    }

    .q-btn-action-lg {
        min-width: 56px;
        width: 56px;
        height: 56px;
        line-height: 84px;
        padding: 0;
        border-radius: 28px;
    }

    .q-btn-action-lg .material-icons {
        font-size: 36px;
    }

    .q-btn-action .waves,
    .q-btn-action-lg .waves {
        display: none;
    }


    .q-btn-action-sm {
        min-width: 32px;
        width: 32px;
        height: 32px;
        line-height: 43px;
        padding: 0;
        border-radius: 50%;
    }

    .q-btn-action-sm .material-icons {
        font-size: 20px;
    }


    
    .q-btn i {
        color:white !important;
    }


/*QUALİS CUSTOMİZED COLOR (Materializecss'deki renkler alınmıştır.)*/

.transparent {
    background-color:transparent !important;
}

/*RED*/
.red-lighten-5 {
    background-color:#ffebee !important;
}
.red-lighten-5-text {
    color:#ffebee !important;
}
.red-lighten-4 {
    background-color:#ffcdd2 !important;
}
.red-lighten-4-text {
    color:#ffcdd2 !important;
}
.red-lighten-3 {
    background-color:#ef9a9a !important;
}
.red-lighten-3-text {
    color:#ef9a9a !important;
}
.red-lighten-2 {
    background-color:#e57373 !important;
}
.red-lighten-2-text {
    color:#e57373 !important;
}
.red-lighten-1 {
    background-color:#ef5350 !important;
}
.red-lighten-1-text {
    color:#ef5350 !important;
}
.red {
    background-color:#f44336 !important;
}
.red-text {
    color:#f44336 !important;
}
.red-darken-1 {
    background-color:#e53935 !important;
}
.red-darken-1-text {
    color:#e53935 !important;
}
.red-darken-2 {
    background-color:#d32f2f !important;
}
.red-darken-2-text {
    color:#d32f2f !important;
}
.red-darken-3 {
    background-color:#c62828 !important;
}
.red-darken-3-text {
    color:#c62828 !important;
}
.red-darken-4 {
    background-color:#b71c1c !important;
}
.red-darken-4-text {
    color:#b71c1c !important;
}
.red-accent-1 {
    background-color:#ff8a80  !important;
}
.red-accent-1-text {
    color:#ff8a80  !important;
}
.red-accent-2 {
    background-color:#ff5252  !important;
}
.red-accent-2-text {
    color:#ff5252  !important;
}
.red-accent-3 {
    background-color:#ff1744  !important;
}
.red-accent-3-text {
    color:#ff1744  !important;
}
.red-accent-4 {
    background-color:#d50000  !important;
}
.red-accent-4-text {
    color:#d50000  !important;
}
/*RED*/
/*PINK*/
.pink-lighten-5 {
    background-color:#fce4ec !important;
}
.pink-lighten-5-text {
    color:#fce4ec !important;
}
.pink-lighten-4 {
    background-color:#f8bbd0 !important;
}
.pink-lighten-4-text {
    color:#f8bbd0 !important;
}
.pink-lighten-3 {
    background-color:#f48fb1 !important;
}
.pink-lighten-3-text {
    color:#f48fb1 !important;
}
.pink-lighten-2 {
    background-color:#f06292 !important;
}
.pink-lighten-2-text {
    color:#f06292 !important;
}
.pink-lighten-1 {
    background-color:#ec407a !important;
}
.pink-lighten-1-text {
    color:#ec407a !important;
}
.pink {
    background-color:#e91e63 !important;
}
.pink-text {
    color:#e91e63 !important;
}
.pink-darken-1 {
    background-color:#d81b60 !important;
}
.pink-darken-1-text {
    color:#d81b60 !important;
}
.pink-darken-2 {
    background-color:#c2185b !important;
}
.pink-darken-2-text {
    color:#c2185b !important;
}
.pink-darken-3 {
    background-color:#ad1457 !important;
}
.pink-darken-3-text {
    color:#ad1457 !important;
}
.pink-darken-4 {
    background-color:#880e4f !important;
}
.pink-darken-4-text {
    color:#880e4f !important;
}
.pink-accent-1 {
    background-color:#ff80ab  !important;
}
.pink-accent-1-text {
    color:#ff80ab  !important;
}
.pink-accent-2 {
    background-color:#ff4081  !important;
}
.pink-accent-2-text {
    color:#ff4081  !important;
}
.pink-accent-3 {
    background-color:#f50057  !important;
}
.pink-accent-3-text {
    color:#f50057  !important;
}
.pink-accent-4 {
    background-color:#c51162  !important;
}
.pink-accent-4-text {
    color:#c51162  !important;
}
/*PINK*/
/*PURPLE*/
.purple-lighten-5 {
    background-color:#f3e5f5 !important;
}
.purple-lighten-5-text {
    color:#f3e5f5 !important;
}
.purple-lighten-4 {
    background-color:#e1bee7 !important;
}
.purple-lighten-4-text {
    color:#e1bee7 !important;
}
.purple-lighten-3 {
    background-color:#ce93d8 !important;
}
.purple-lighten-3-text {
    color:#ce93d8 !important;
}
.purple-lighten-2 {
    background-color:#ba68c8 !important;
}
.purple-lighten-2-text {
    color:#ba68c8 !important;
}
.purple-lighten-1 {
    background-color:#ab47bc !important;
}
.purple-lighten-1-text {
    color:#ab47bc !important;
}
.purple {
    background-color:#9c27b0 !important;
}
.purple-text {
    color:#9c27b0 !important;
}
.purple-darken-1 {
    background-color:#8e24aa !important;
}
.purple-darken-1-text {
    color:#8e24aa !important;
}
.purple-darken-2 {
    background-color:#7b1fa2 !important;
}
.purple-darken-2-text {
    color:#7b1fa2 !important;
}
.purple-darken-3 {
    background-color:#6a1b9a !important;
}
.purple-darken-3-text {
    color:#6a1b9a !important;
}
.purple-darken-4 {
    background-color:#4a148c !important;
}
.purple-darken-4-text {
    color:#4a148c !important;
}
.purple-accent-1 {
    background-color:#ea80fc  !important;
}
.purple-accent-1-text {
    color:#ea80fc  !important;
}
.purple-accent-2 {
    background-color:#e040fb  !important;
}
.purple-accent-2-text {
    color:#e040fb  !important;
}
.purple-accent-3 {
    background-color:#d500f9  !important;
}
.purple-accent-3-text {
    color:#d500f9  !important;
}
.purple-accent-4 {
    background-color:#aa00ff  !important;
}
.purple-accent-4-text {
    color:#aa00ff  !important;
}
/*PURPLE*/
/*DEEP PURPLE*/
.deep-purple-lighten-5 {
    background-color:#ede7f6 !important;
}
.deep-purple-lighten-5-text {
    color:#ede7f6 !important;
}
.deep-purple-lighten-4 {
    background-color:#d1c4e9 !important;
}
.deep-purple-lighten-4-text {
    color:#d1c4e9 !important;
}
.deep-purple-lighten-3 {
    background-color:#b39ddb !important;
}
.deep-purple-lighten-3-text {
    color:#b39ddb !important;
}
.deep-purple-lighten-2 {
    background-color:#9575cd !important;
}
.deep-purple-lighten-2-text {
    color:#9575cd !important;
}
.deep-purple-lighten-1 {
    background-color:#7e57c2 !important;
}
.deep-purple-lighten-1-text {
    color:#7e57c2 !important;
}
.deep-purple {
    background-color:#673ab7 !important;
}
.deep-purple-text {
    color:#673ab7 !important;
}
.deep-purple-darken-1 {
    background-color:#5e35b1 !important;
}
.deep-purple-darken-1-text {
    color:#5e35b1 !important;
}
.deep-purple-darken-2 {
    background-color:#512da8 !important;
}
.deep-purple-darken-2-text {
    color:#512da8 !important;
}
.deep-purple-darken-3 {
    background-color:#4527a0 !important;
}
.deep-purple-darken-3-text {
    color:#4527a0 !important;
}
.deep-purple-darken-4 {
    background-color:#311b92 !important;
}
.deep-purple-darken-4-text {
    color:#311b92 !important;
}
.deep-purple-accent-1 {
    background-color:#b388ff  !important;
}
.deep-purple-accent-1-text {
    color:#b388ff  !important;
}
.deep-purple-accent-2 {
    background-color:#7c4dff  !important;
}
.deep-purple-accent-2-text {
    color:#7c4dff  !important;
}
.deep-purple-accent-3 {
    background-color:#651fff  !important;
}
.deep-purple-accent-3-text {
    color:#651fff  !important;
}
.deep-purple-accent-4 {
    background-color:#6200ea  !important;
}
.deep-purple-accent-4-text {
    color:#6200ea  !important;
}
/*DEEP PURPLE*/
/*INDIGO*/
.indigo-lighten-5 {
    background-color:#e8eaf6 !important;
}
.indigo-lighten-5-text {
    color:#e8eaf6 !important;
}
.indigo-lighten-4 {
    background-color:#c5cae9 !important;
}
.indigo-lighten-4-text {
    color:#c5cae9 !important;
}
.indigo-lighten-3 {
    background-color:#9fa8da !important;
}
.indigo-lighten-3-text {
    color:#9fa8da !important;
}
.indigo-lighten-2 {
    background-color:#7986cb !important;
}
.indigo-lighten-2-text {
    color:#7986cb !important;
}
.indigo-lighten-1 {
    background-color:#5c6bc0 !important;
}
.indigo-lighten-1-text {
    color:#5c6bc0 !important;
}
.indigo {
    background-color:#3f51b5 !important;
}
.indigo-text {
    color:#3f51b5 !important;
}
.indigo-darken-1 {
    background-color:#3949ab !important;
}
.indigo-darken-1-text {
    color:#3949ab !important;
}
.indigo-darken-2 {
    background-color:#303f9f !important;
}
.indigo-darken-2-text {
    color:#303f9f !important;
}
.indigo-darken-3 {
    background-color:#283593 !important;
}
.indigo-darken-3-text {
    color:#283593 !important;
}
.indigo-darken-4 {
    background-color:#1a237e !important;
}
.indigo-darken-4-text {
    color:#1a237e !important;
}
.indigo-accent-1 {
    background-color:#8c9eff  !important;
}
.indigo-accent-1-text {
    color:#8c9eff  !important;
}
.indigo-accent-2 {
    background-color:#536dfe  !important;
}
.indigo-accent-2-text {
    color:#536dfe  !important;
}
.indigo-accent-3 {
    background-color:#3d5afe  !important;
}
.indigo-accent-3-text {
    color:#3d5afe  !important;
}
.indigo-accent-4 {
    background-color:#304ffe  !important;
}
.indigo-accent-4-text {
    color:#304ffe  !important;
}
/*INDIGO*/
/*BLUE*/
.blue-lighten-5 {
    background-color:#e3f2fd !important;
}
.blue-lighten-5-text {
    color:#e3f2fd !important;
}
.blue-lighten-4 {
    background-color:#bbdefb !important;
}
.blue-lighten-4-text {
    color:#bbdefb !important;
}
.blue-lighten-3 {
    background-color:#90caf9 !important;
}
.blue-lighten-3-text {
    color:#90caf9 !important;
}
.blue-lighten-2 {
    background-color:#64b5f6 !important;
}
.blue-lighten-2-text {
    color:#64b5f6 !important;
}
.blue-lighten-1 {
    background-color:#42a5f5 !important;
}
.blue-lighten-1-text {
    color:#42a5f5 !important;
}
.blue {
    background-color:#2196f3 !important;
}
.blue-text {
    color:#2196f3 !important;
}
.blue-darken-1 {
    background-color:#1e88e5 !important;
}
.blue-darken-1-text {
    color:#1e88e5 !important;
}
.blue-darken-2 {
    background-color:#1976d2 !important;
}
.blue-darken-2-text {
    color:#1976d2 !important;
}
.blue-darken-3 {
    background-color:#1565c0 !important;
}
.blue-darken-3-text {
    color:#1565c0 !important;
}
.blue-darken-4 {
    background-color:#0d47a1 !important;
}
.blue-darken-4-text {
    color:#0d47a1 !important;
}
.blue-accent-1 {
    background-color:#82b1ff  !important;
}
.blue-accent-1-text {
    color:#82b1ff  !important;
}
.blue-accent-2 {
    background-color:#448aff  !important;
}
.blue-accent-2-text {
    color:#448aff  !important;
}
.blue-accent-3 {
    background-color:#2979ff  !important;
}
.blue-accent-3-text {
    color:#2979ff  !important;
}
.blue-accent-4 {
    background-color:#2962ff  !important;
}
.blue-accent-4-text {
    color:#2962ff  !important;
}
/*BLUE*/
/*LIGHT BLUE*/
.light-blue-lighten-5 {
    background-color:#e1f5fe !important;
}
.light-blue-lighten-5-text {
    color:#e1f5fe !important;
}
.light-blue-lighten-4 {
    background-color:#b3e5fc !important;
}
.light-blue-lighten-4-text {
    color:#b3e5fc !important;
}
.light-blue-lighten-3 {
    background-color:#81d4fa !important;
}
.light-blue-lighten-3-text {
    color:#81d4fa !important;
}
.light-blue-lighten-2 {
    background-color:#4fc3f7 !important;
}
.light-blue-lighten-2-text {
    color:#4fc3f7 !important;
}
.light-blue-lighten-1 {
    background-color:#29b6f6 !important;
}
.light-blue-lighten-1-text {
    color:#29b6f6 !important;
}
.light-blue {
    background-color:#03a9f4 !important;
}
.light-blue-text {
    color:#03a9f4 !important;
}
.light-blue-darken-1 {
    background-color:#039be5 !important;
}
.light-blue-darken-1-text {
    color:#039be5 !important;
}
.light-blue-darken-2 {
    background-color:#0288d1 !important;
}
.light-blue-darken-2-text {
    color:#0288d1 !important;
}
.light-blue-darken-3 {
    background-color:#0277bd !important;
}
.light-blue-darken-3-text {
    color:#0277bd !important;
}
.light-blue-darken-4 {
    background-color:#01579b !important;
}
.light-blue-darken-4-text {
    color:#01579b !important;
}
.light-blue-accent-1 {
    background-color:#80d8ff  !important;
}
.light-blue-accent-1-text {
    color:#80d8ff  !important;
}
.light-blue-accent-2 {
    background-color:#40c4ff  !important;
}
.light-blue-accent-2-text {
    color:#40c4ff  !important;
}
.light-blue-accent-3 {
    background-color:#00b0ff  !important;
}
.light-blue-accent-3-text {
    color:#00b0ff  !important;
}
.light-blue-accent-4 {
    background-color:#0091ea  !important;
}
.light-blue-accent-4-text {
    color:#0091ea  !important;
}
/*LIGHT BLUE*/
/*CYAN*/
.cyan-lighten-5 {
    background-color:#e0f7fa !important;
}
.cyan-lighten-5-text {
    color:#e0f7fa !important;
}
.cyan-lighten-4 {
    background-color:#b2ebf2 !important;
}
.cyan-lighten-4-text {
    color:#b2ebf2 !important;
}
.cyan-lighten-3 {
    background-color:#80deea !important;
}
.cyan-lighten-3-text {
    color:#80deea !important;
}
.cyan-lighten-2 {
    background-color:#4dd0e1 !important;
}
.cyan-lighten-2-text {
    color:#4dd0e1 !important;
}
.cyan-lighten-1 {
    background-color:#26c6da !important;
}
.cyan-lighten-1-text {
    color:#26c6da !important;
}
.cyan {
    background-color:#00bcd4 !important;
}
.cyan-text {
    color:#00bcd4 !important;
}
.cyan-darken-1 {
    background-color:#00acc1 !important;
}
.cyan-darken-1-text {
    color:#00acc1 !important;
}
.cyan-darken-2 {
    background-color:#0097a7 !important;
}
.cyan-darken-2-text {
    color:#0097a7 !important;
}
.cyan-darken-3 {
    background-color:#00838f !important;
}
.cyan-darken-3-text {
    color:#00838f !important;
}
.cyan-darken-4 {
    background-color:#006064 !important;
}
.cyan-darken-4-text {
    color:#006064 !important;
}
.cyan-accent-1 {
    background-color:#84ffff  !important;
}
.cyan-accent-1-text {
    color:#84ffff  !important;
}
.cyan-accent-2 {
    background-color:#18ffff  !important;
}
.cyan-accent-2-text {
    color:#18ffff  !important;
}
.cyan-accent-3 {
    background-color:#00e5ff  !important;
}
.cyan-accent-3-text {
    color:#00e5ff  !important;
}
.cyan-accent-4 {
    background-color:#00b8d4  !important;
}
.cyan-accent-4-text {
    color:#00b8d4  !important;
}
/*CYAN*/
/*TEAL*/
.teal-lighten-5 {
    background-color:#e0f2f1 !important;
}
.teal-lighten-5-text {
    color:#e0f2f1 !important;
}
.teal-lighten-4 {
    background-color:#b2dfdb !important;
}
.teal-lighten-4-text {
    color:#b2dfdb !important;
}
.teal-lighten-3 {
    background-color:#80cbc4 !important;
}
.teal-lighten-3-text {
    color:#80cbc4 !important;
}
.teal-lighten-2 {
    background-color:#4db6ac !important;
}
.teal-lighten-2-text {
    color:#4db6ac !important;
}
.teal-lighten-1 {
    background-color:#26a69a !important;
}
.teal-lighten-1-text {
    color:#26a69a !important;
}
.teal {
    background-color:#009688 !important;
}
.teal-text {
    color:#009688 !important;
}
.teal-darken-1 {
    background-color:#00897b !important;
}
.teal-darken-1-text {
    color:#00897b !important;
}
.teal-darken-2 {
    background-color:#00796b !important;
}
.teal-darken-2-text {
    color:#00796b !important;
}
.teal-darken-3 {
    background-color:#00695c !important;
}
.teal-darken-3-text {
    color:#00695c !important;
}
.teal-darken-4 {
    background-color:#004d40 !important;
}
.teal-darken-4-text {
    color:#004d40 !important;
}
.teal-accent-1 {
    background-color:#a7ffeb  !important;
}
.teal-accent-1-text {
    color:#a7ffeb  !important;
}
.teal-accent-2 {
    background-color:#64ffda  !important;
}
.teal-accent-2-text {
    color:#64ffda  !important;
}
.teal-accent-3 {
    background-color:#1de9b6  !important;
}
.teal-accent-3-text {
    color:#1de9b6  !important;
}
.teal-accent-4 {
    background-color:#00bfa5  !important;
}
.teal-accent-4-text {
    color:#00bfa5  !important;
}
/*TEAL*/
/*GREEN*/
.green-lighten-5 {
    background-color:#e8f5e9 !important;
}
.green-lighten-5-text {
    color:#e8f5e9 !important;
}
.green-lighten-4 {
    background-color:#c8e6c9 !important;
}
.green-lighten-4-text {
    color:#c8e6c9 !important;
}
.green-lighten-3 {
    background-color:#a5d6a7 !important;
}
.green-lighten-3-text {
    color:#a5d6a7 !important;
}
.green-lighten-2 {
    background-color:#81c784 !important;
}
.green-lighten-2-text {
    color:#81c784 !important;
}
.green-lighten-1 {
    background-color:#66bb6a !important;
}
.green-lighten-1-text {
    color:#66bb6a !important;
}
.green {
    background-color:#28a745 !important;
}
.green-text {
    color:#28a745 !important;
}
.green-darken-1 {
    background-color:#43a047 !important;
}
.green-darken-1-text {
    color:#43a047 !important;
}
.green-darken-2 {
    background-color:#388e3c !important;
}
.green-darken-2-text {
    color:#388e3c !important;
}
.green-darken-3 {
    background-color:#2e7d32 !important;
}
.green-darken-3-text {
    color:#2e7d32 !important;
}
.green-darken-4 {
    background-color:#1b5e20 !important;
}
.green-darken-4-text {
    color:#1b5e20 !important;
}
.green-accent-1 {
    background-color:#b9f6ca  !important;
}
.green-accent-1-text {
    color:#b9f6ca  !important;
}
.green-accent-2 {
    background-color:#69f0ae  !important;
}
.green-accent-2-text {
    color:#69f0ae  !important;
}
.green-accent-3 {
    background-color:#00e676  !important;
}
.green-accent-3-text {
    color:#00e676  !important;
}
.green-accent-4 {
    background-color:#00c853  !important;
}
.green-accent-4-text {
    color:#00c853  !important;
}
/*GREEN*/
/*LIGHT GREEN*/
.light-green-lighten-5 {
    background-color:#f1f8e9 !important;
}
.light-green-lighten-5-text {
    color:#f1f8e9 !important;
}
.light-green-lighten-4 {
    background-color:#dcedc8 !important;
}
.light-green-lighten-4-text {
    color:#dcedc8 !important;
}
.light-green-lighten-3 {
    background-color:#c5e1a5 !important;
}
.light-green-lighten-3-text {
    color:#c5e1a5 !important;
}
.light-green-lighten-2 {
    background-color:#aed581 !important;
}
.light-green-lighten-2-text {
    color:#aed581 !important;
}
.light-green-lighten-1 {
    background-color:#9ccc65 !important;
}
.light-green-lighten-1-text {
    color:#9ccc65 !important;
}
.light-green {
    background-color:#8bc34a !important;
}
.light-green-text {
    color:#8bc34a !important;
}
.light-green-darken-1 {
    background-color:#7cb342 !important;
}
.light-green-darken-1-text {
    color:#7cb342 !important;
}
.light-green-darken-2 {
    background-color:#689f38 !important;
}
.light-green-darken-2-text {
    color:#689f38 !important;
}
.light-green-darken-3 {
    background-color:#558b2f !important;
}
.light-green-darken-3-text {
    color:#558b2f !important;
}
.light-green-darken-4 {
    background-color:#33691e !important;
}
.light-green-darken-4-text {
    color:#33691e !important;
}
.light-green-accent-1 {
    background-color:#ccff90  !important;
}
.light-green-accent-1-text {
    color:#ccff90  !important;
}
.light-green-accent-2 {
    background-color:#b2ff59  !important;
}
.light-green-accent-2-text {
    color:#b2ff59  !important;
}
.light-green-accent-3 {
    background-color:#76ff03  !important;
}
.light-green-accent-3-text {
    color:#76ff03  !important;
}
.light-green-accent-4 {
    background-color:#64dd17  !important;
}
.light-green-accent-4-text {
    color:#64dd17  !important;
}
/*LIGHT GREEN*/
/*LIME*/
.lime-lighten-5 {
    background-color:#f9fbe7  !important;
}
.lime-lighten-5-text {
    color:#f9fbe7  !important;
}
.lime-lighten-4 {
    background-color:#f0f4c3 !important;
}
.lime-lighten-4-text {
    color:#f0f4c3 !important;
}
.lime-lighten-3 {
    background-color:#e6ee9c  !important;
}
.lime-lighten-3-text {
    color:#e6ee9c  !important;
}
.lime-lighten-2 {
    background-color:#dce775  !important;
}
.lime-lighten-2-text {
    color:#dce775 !important;
}
.lime-lighten-1 {
    background-color:#d4e157 !important;
}
.lime-lighten-1-text {
    color:#d4e157 !important;
}
.lime {
    background-color:#cddc39  !important;
}
.lime-text {
    color:#cddc39 !important;
}
.lime-darken-1 {
    background-color:#c0ca33  !important;
}
.lime-darken-1-text {
    color:#c0ca33  !important;
}
.lime-darken-2 {
    background-color:#afb42b  !important;
}
.lime-darken-2-text {
    color:#afb42b  !important;
}
.lime-darken-3 {
    background-color:#9e9d24  !important;
}
.lime-darken-3-text {
    color:#9e9d24  !important;
}
.lime-darken-4 {
    background-color:#827717  !important;
}
.lime-darken-4-text {
    color:#827717  !important;
}
.lime-accent-1 {
    background-color:#f4ff81   !important;
}
.lime-accent-1-text {
    color:#f4ff81   !important;
}
.lime-accent-2 {
    background-color:#eeff41   !important;
}
.lime-accent-2-text {
    color:#eeff41   !important;
}
.lime-accent-3 {
    background-color:#c6ff00   !important;
}
.lime-accent-3-text {
    color:#c6ff00   !important;
}
.lime-accent-4 {
    background-color:#aeea00   !important;
}
.lime-accent-4-text {
    color:#aeea00   !important;
}
/*LIME*/
/*YELLOW*/
.yellow-lighten-5 {
    background-color:#fffde7   !important;
}
.yellow-lighten-5-text {
    color:#fffde7   !important;
}
.yellow-lighten-4 {
    background-color:#fff9c4  !important;
}
.yellow-lighten-4-text {
    color:#fff9c4  !important;
}
.yellow-lighten-3 {
    background-color:#fff59d   !important;
}
.yellow-lighten-3-text {
    color:#fff59d   !important;
}
.yellow-lighten-2 {
    background-color:#fff176   !important;
}
.yellow-lighten-2-text {
    color:#fff176  !important;
}
.yellow-lighten-1 {
    background-color:#ffee58  !important;
}
.yellow-lighten-1-text {
    color:#ffee58  !important;
}
.yellow {
    background-color:#ffeb3b   !important;
}
.yellow-text {
    color:#ffeb3b  !important;
}
.yellow-darken-1 {
    background-color:#fdd835   !important;
}
.yellow-darken-1-text {
    color:#fdd835   !important;
}
.yellow-darken-2 {
    background-color:#fbc02d   !important;
}
.yellow-darken-2-text {
    color:#fbc02d   !important;
}
.yellow-darken-3 {
    background-color:#f9a825   !important;
}
.yellow-darken-3-text {
    color:#f9a825   !important;
}
.yellow-darken-4 {
    background-color:#f57f17   !important;
}
.yellow-darken-4-text {
    color:#f57f17   !important;
}
.yellow-accent-1 {
    background-color:#ffff8d    !important;
}
.yellow-accent-1-text {
    color:#ffff8d    !important;
}
.yellow-accent-2 {
    background-color:#ffff00 !important;
}
.yellow-accent-2-text {
    color:#ffff00  !important;
}
.yellow-accent-3 {
    background-color:#ffea00 !important;
}
.yellow-accent-3-text {
    color:#ffea00  !important;
}
.yellow-accent-4 {
    background-color:#ffd600 !important;
}
.yellow-accent-4-text {
    color:#ffd600 !important;
}
/*YELLOW*/
/*AMBER*/
.amber-lighten-5 {
    background-color:#fff8e1 !important;
}
.amber-lighten-5-text {
    color:#fff8e1 !important;
}
.amber-lighten-4 {
    background-color:#ffecb3 !important;
}
.amber-lighten-4-text {
    color:#ffecb3 !important;
}
.amber-lighten-3 {
    background-color:#ffe082  !important;
}
.amber-lighten-3-text {
    color:#ffe082  !important;
}
.amber-lighten-2 {
    background-color:#ffd54f  !important;
}
.amber-lighten-2-text {
    color:#ffd54f  !important;
}
.amber-lighten-1 {
    background-color:#ffca28 !important;
}
.amber-lighten-1-text {
    color:#ffca28 !important;
}
.amber {
    background-color:#ffc107 !important;
}
.amber-text {
    color:#ffc107 !important;
}
.amber-darken-1 {
    background-color:#ffb300  !important;
}
.amber-darken-1-text {
    color:#ffb300  !important;
}
.amber-darken-2 {
    background-color:#ffa000  !important;
}
.amber-darken-2-text {
    color:#ffa000 !important;
}
.amber-darken-3 {
    background-color:#ff8f00  !important;
}
.amber-darken-3-text {
    color:#ff8f00 !important;
}
.amber-darken-4 {
    background-color:#ff6f00 !important;
}
.amber-darken-4-text {
    color:#ff6f00  !important;
}
.amber-accent-1 {
    background-color:#ffe57f  !important;
}
.amber-accent-1-text {
    color:#ffe57f  !important;
}
.amber-accent-2 {
    background-color:#ffd740  !important;
}
.amber-accent-2-text {
    color:#ffd740  !important;
}
.amber-accent-3 {
    background-color:#ffc400  !important;
}
.amber-accent-3-text {
    color:#ffc400 !important;
}
.amber-accent-4 {
    background-color:#ffab00  !important;
}
.amber-accent-4-text {
    color:#ffab00  !important;
}
/*AMBER*/
/*ORANGE*/
.orange-lighten-5 {
    background-color:#fff3e0  !important;
}
.orange-lighten-5-text {
    color:#fff3e0  !important;
}
.orange-lighten-4 {
    background-color:#ffe0b2 !important;
}
.orange-lighten-4-text {
    color:#ffe0b2 !important;
}
.orange-lighten-3 {
    background-color:#ffcc80   !important;
}
.orange-lighten-3-text {
    color:#ffcc80   !important;
}
.orange-lighten-2 {
    background-color:#ffb74d   !important;
}
.orange-lighten-2-text {
    color:#ffb74d   !important;
}
.orange-lighten-1 {
    background-color:#ffa726  !important;
}
.orange-lighten-1-text {
    color:#ffa726  !important;
}
.orange {
    background-color:#ff9800  !important;
}
.orange-text {
    color:#ff9800  !important;
}
.orange-darken-1 {
    background-color:#fb8c00   !important;
}
.orange-darken-1-text {
    color:#fb8c00   !important;
}
.orange-darken-2 {
    background-color:#f57c00  !important;
}
.orange-darken-2-text {
    color:#f57c00 !important;
}
.orange-darken-3 {
    background-color:#ef6c00   !important;
}
.orange-darken-3-text {
    color:#ef6c00  !important;
}
.orange-darken-4 {
    background-color:#e65100  !important;
}
.orange-darken-4-text {
    color:#e65100   !important;
}
.orange-accent-1 {
    background-color:#ffd180   !important;
}
.orange-accent-1-text {
    color:#ffd180   !important;
}
.orange-accent-2 {
    background-color:#ffab40   !important;
}
.orange-accent-2-text {
    color:#ffab40   !important;
}
.orange-accent-3 {
    background-color:#ff9100   !important;
}
.orange-accent-3-text {
    color:#ff9100  !important;
}
.orange-accent-4 {
    background-color:#ff6d00  !important;
}
.orange-accent-4-text {
    color:#ff6d00  !important;
}
/*ORANGE*/
/*DEEP ORANGE*/
.deep-orange-lighten-5 {
    background-color:#fbe9e7   !important;
}
.deep-orange-lighten-5-text {
    color:#fbe9e7   !important;
}
.deep-orange-lighten-4 {
    background-color:#ffccbc  !important;
}
.deep-orange-lighten-4-text {
    color:#ffccbc  !important;
}
.deep-orange-lighten-3 {
    background-color:#ffab91    !important;
}
.deep-orange-lighten-3-text {
    color:#ffab91    !important;
}
.deep-orange-lighten-2 {
    background-color:#ff8a65    !important;
}
.deep-orange-lighten-2-text {
    color:#ff8a65    !important;
}
.deep-orange-lighten-1 {
    background-color:#ff7043   !important;
}
.deep-orange-lighten-1-text {
    color:#ff7043   !important;
}
.deep-orange {
    background-color:#ff5722   !important;
}
.deep-orange-text {
    color:#ff5722   !important;
}
.deep-orange-darken-1 {
    background-color:#f4511e    !important;
}
.deep-orange-darken-1-text {
    color:#f4511e    !important;
}
.deep-orange-darken-2 {
    background-color:#e64a19   !important;
}
.deep-orange-darken-2-text {
    color:#e64a19  !important;
}
.deep-orange-darken-3 {
    background-color:#d84315   !important;
}
.deep-orange-darken-3-text {
    color:#d84315  !important;
}
.deep-orange-darken-4 {
    background-color:#bf360c   !important;
}
.deep-orange-darken-4-text {
    color:#bf360c    !important;
}
.deep-orange-accent-1 {
    background-color:#ff9e80    !important;
}
.deep-orange-accent-1-text {
    color:#ff9e80    !important;
}
.deep-orange-accent-2 {
    background-color:#ff6e40    !important;
}
.deep-orange-accent-2-text {
    color:#ff6e40    !important;
}
.deep-orange-accent-3 {
    background-color:#ff3d00    !important;
}
.deep-orange-accent-3-text {
    color:#ff3d00   !important;
}
.deep-orange-accent-4 {
    background-color:#dd2c00   !important;
}
.deep-orange-accent-4-text {
    color:#dd2c00   !important;
}
/*DEEP ORANGE*/
/*BROWN*/
.brown-lighten-5 {
    background-color:#efebe9   !important;
}
.brown-lighten-5-text {
    color:#efebe9   !important;
}
.brown-lighten-4 {
    background-color:#d7ccc8  !important;
}
.brown-lighten-4-text {
    color:#d7ccc8  !important;
}
.brown-lighten-3 {
    background-color:#bcaaa4    !important;
}
.brown-lighten-3-text {
    color:#bcaaa4    !important;
}
.brown-lighten-2 {
    background-color:#a1887f    !important;
}
.brown-lighten-2-text {
    color:#a1887f    !important;
}
.brown-lighten-1 {
    background-color:#8d6e63   !important;
}
.brown-lighten-1-text {
    color:#8d6e63   !important;
}
.brown {
    background-color:#795548   !important;
}
.brown-text {
    color:#795548   !important;
}
.brown-darken-1 {
    background-color:#6d4c41    !important;
}
.brown-darken-1-text {
    color:#6d4c41    !important;
}
.brown-darken-2 {
    background-color:#5d4037   !important;
}
.brown-darken-2-text {
    color:#5d4037  !important;
}
.brown-darken-3 {
    background-color:#4e342e    !important;
}
.brown-darken-3-text {
    color:#4e342e   !important;
}
.brown-darken-4 {
    background-color:#3e2723   !important;
}
.brown-darken-4-text {
    color:#3e2723    !important;
}
/*BROWN*/
/*GREY*/
.grey-lighten-5 {
    background-color:#fafafa    !important;
}
.grey-lighten-5-text {
    color:#fafafa    !important;
}
.grey-lighten-4 {
    background-color:#f5f5f5   !important;
}
.grey-lighten-4-text {
    color:#f5f5f5   !important;
}
.grey-lighten-3 {
    background-color:#eeeeee     !important;
}
.grey-lighten-3-text {
    color:#eeeeee     !important;
}
.grey-lighten-2 {
    background-color:#e0e0e0     !important;
}
.grey-lighten-2-text {
    color:#e0e0e0     !important;
}
.grey-lighten-1 {
    background-color:#bdbdbd    !important;
}
.grey-lighten-1-text {
    color:#bdbdbd    !important;
}
.grey {
    background-color:#9e9e9e    !important;
}
.grey-text {
    color:#9e9e9e    !important;
}
.grey-darken-1 {
    background-color:#757575     !important;
}
.grey-darken-1-text {
    color:#757575     !important;
}
.grey-darken-2 {
    background-color:#616161    !important;
}
.grey-darken-2-text {
    color:#616161   !important;
}
.grey-darken-3 {
    background-color:#424242     !important;
}
.grey-darken-3-text {
    color:#424242    !important;
}
.grey-darken-4 {
    background-color:#212121    !important;
}
.grey-darken-4-text {
    color:#212121     !important;
}
/*GREY*/
/*BLUE GREY*/
.blue-grey-lighten-5 {
    background-color:#eceff1     !important;
}
.blue-grey-lighten-5-text {
    color:#eceff1     !important;
}
.blue-grey-lighten-4 {
    background-color:#cfd8dc    !important;
}
.blue-grey-lighten-4-text {
    color:#cfd8dc    !important;
}
.blue-grey-lighten-3 {
    background-color:#b0bec5      !important;
}
.blue-grey-lighten-3-text {
    color:#b0bec5      !important;
}
.blue-grey-lighten-2 {
    background-color:#90a4ae      !important;
}
.blue-grey-lighten-2-text {
    color:#90a4ae      !important;
}
.blue-grey-lighten-1 {
    background-color:#78909c     !important;
}
.blue-grey-lighten-1-text {
    color:#78909c     !important;
}
.blue-grey {
    background-color:#607d8b     !important;
}
.blue-grey-text {
    color:#607d8b     !important;
}
.blue-grey-darken-1 {
    background-color:#546e7a      !important;
}
.blue-grey-darken-1-text {
    color:#546e7a      !important;
}
.blue-grey-darken-2 {
    background-color:#455a64     !important;
}
.blue-grey-darken-2-text {
    color:#455a64    !important;
}
.blue-grey-darken-3 {
    background-color:#37474f      !important;
}
.blue-grey-darken-3-text {
    color:#37474f     !important;
}
.blue-grey-darken-4 {
    background-color:#263238     !important;
}
.blue-grey-darken-4-text {
    color:#263238      !important;
}
/*BLUE GREY*/
.black {
    background-color:#000000 !important;
}
.black-text {
    color: #000000 !important;
}
.white {
    background-color:#ffffff  !important;
}
.white-text {
    color: #ffffff  !important;
}
/*QUALİS CUSTOMİZED COLOR*/


/*q = qualisict*/
.q-card-header-export {
    padding: 9px 18px 6px 18px !important;
    text-align:right !important;
}

.q-card-header {
    padding: 15px 18px 12px 18px !important;
    position:relative !important;
}

.q-card-header span {
      font-size:18px !important;
      color: #f44336 !important;
      font-weight: 600 !important;
}

.q-card-header i  {
    font-size:32px !important;
    cursor:pointer !important;
    color:#2196f3 !important;
    position:absolute !important;
    top:13px !important;
    right:12px !important;
}

.q-card-row {
    margin: 12px 12px 0px 12px !important;
}

.q-card-sub-row {
    margin: 12px !important;
}

.q-divider {
    border-bottom: 1px solid #f3f3f3 !important;
}

.q-top-divider {
    border-top: 1px solid #f3f3f3 !important;
}

.q-left-divider {
    border-left: 1px solid #f3f3f3 !important;
}

.q-right-divider {
    border-right: 1px solid #f3f3f3 !important;
}

.q-half-divider {
    border-bottom: 0.5px solid #f3f3f3 !important;
}

.q-half-top-divider {
    border-top: 0.5px solid #f3f3f3 !important;
}

.q-half-left-divider {
    border-left: 0.5px solid #f3f3f3 !important;
}

.q-half-right-divider {
    border-right: 0.5px solid #f3f3f3 !important;
}


.q-double-top-divider {
    border-top: 3px solid #f3f3f3 !important;
}

.q-double-left-divider {
    border-left: 3px solid #f3f3f3 !important;
}

.q-double-right-divider {
    border-right: 3px solid #f3f3f3 !important;
}

.q-double-divider {
    border-bottom: 3px solid #f3f3f3 !important;
}


#TableHolder th::before {
    display: none !important;
}

#TableHolder th::after {
    display:none !important;
}

.TableHolder th::before {
    display: none !important;
}

.TableHolder th::after {
    display:none !important;
}

.z-depth-1 {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
}

.z-depth-2 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3) !important;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3) !important;
}

.z-depth-3 {
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2) !important;
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2) !important;
}

.z-depth-4 {
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -7px rgba(0,0,0,0.2) !important;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -7px rgba(0,0,0,0.2) !important;
}

.z-depth-5 {
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2) !important;
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2) !important;
}

.border-top-red {
    border-top: 2px solid #f44336 !important;
}

.border-bottom-red {
    border-bottom:2px solid #f44336 !important;
}

.border-top-blue {
    border-top: 1px solid #00365a !important;
}

.border-bottom-blue {
    border-bottom: 1px solid #00365a !important;
}



/*CUSTOM NOTIFICATIONS*/

#MainNotifications_wrapper thead {
    display:none !important;
}

#MainNotifications_wrapper .col-sm-12 {
    padding:6px !important;
}

#MainNotifications_wrapper .view-pager {
    display:none !important;
}

#MainNotifications_wrapper .float-left {
    float:none !important;
    width:100% !important;
    min-width:100% !important;
}

#MainNotifications_wrapper #MainNotifications_filter label {
    width:100% !important;
    min-width:100% !important;
}

#MainNotifications_wrapper #MainNotifications_filter label input {
    width:100% !important;
    min-width:100% !important;
    border-radius:50px !important;
}



#MainNotices_wrapper thead {
    display:none !important;
}

#MainNotices_wrapper .col-sm-12 {
    padding:6px !important;
}

#MainNotices_wrapper .view-pager {
    display:none !important;
}

#MainNotices_wrapper .float-left {
    float:none !important;
    width:100% !important;
    min-width:100% !important;
}

#MainNotices_wrapper #MainNotices_filter label {
    width:100% !important;
    min-width:100% !important;
}

#MainNotices_wrapper #MainNotices_filter label input {
    width:100% !important;
    min-width:100% !important;
    border-radius:50px !important;
}


.notifications-and-notices-count {
    font-size: 9px;
    color: #00365a;
    border: 1px solid #00365a;
    border-radius: 10px;
    position: absolute;
    width: 18px;
    height: 15px;
    text-align: center;
    font-weight: 700;
    top: 10px;
    right: 7px;
    line-height: 14px;
}

#BtnRightMenu {
    display:none !important;
}

/*CUSTOM NOTIFICATIONS*/



/*CUSTOM CHAT*/
#FirstTable_wrapper {
    padding-left:15px !important;
    padding-right:15px !important;
}

#FirstTable_wrapper thead {
    display:none !important;
}

#FirstTable_wrapper .col-sm-12 {
    padding:6px !important;
}

#FirstTable_wrapper .view-pager {
    display:none !important;
}

#FirstTable_wrapper .float-left {
    float:none !important;
    width:100% !important;
    min-width:100% !important;
}

#FirstTable_wrapper #FirstTable_filter label {
    width:100% !important;
    min-width:100% !important;
}

#FirstTable_wrapper #FirstTable_filter label input {
    width:100% !important;
    min-width:100% !important;
    border-radius:50px !important;
}
/*İlk önce datatable'ın search inputunu kullanıyorduk, sonra onun yerine farklı bir input koyup özelleştirdik.*/
#FirstTableSearch {
    width:100% !important;
    min-width:100% !important;
    border-radius:50px !important;
    height:34px !important;
}
#MainNotificationsSearch {
    width:100% !important;
    min-width:100% !important;
    border-radius:50px !important;
    height:34px !important;
}


#SecondTable_wrapper {
    padding-left:15px !important;
    padding-right:15px !important;
}

#SecondTable_wrapper thead {
    display:none !important;
}

#SecondTable_wrapper .col-sm-12 {
    padding:6px !important;
}

#SecondTable_wrapper .view-pager {
    display:none !important;
}

#SecondTable_wrapper .float-left {
    float:none !important;
    width:100% !important;
    min-width:100% !important;
}

#SecondTable_wrapper #SecondTable_filter label {
    width:100% !important;
    min-width:100% !important;
}

#SecondTable_wrapper #SecondTable_filter label input {
    width:100% !important;
    min-width:100% !important;
    border-radius:50px !important;
}

/*İlk önce datatable'ın search inputunu kullanıyorduk, sonra onun yerine farklı bir input koyup özelleştirdik.*/
#SecondTableSearch {
    width:100% !important;
    min-width:100% !important;
    border-radius:50px !important;
    height:34px !important;
}

/*CUSTOM CHAT*/

.theme-button {
    display:none !important;
}

.qualis-file-box {
    display:inline-block !important; width:300px !important; margin:4px !important; position:relative !important;
}

.data-owner-file-box {
    display:inline-block !important; width:300px !important; margin:4px !important; position:relative !important;
}

.evaluation-file-box {
    display:inline-block !important; width:300px !important; margin:4px !important; position:relative !important;
}

.border-radius-10 {
    border-radius:10px !important;
}




/*FULL CALENDAR CUSTOMİZED*/
.fc-view-harness {
    height:300px !important;
}

.fc-list-day {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
}

.fc-list-event-graphic {
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%) !important;
    padding:10px !important;
    margin:10px !important;
}

.fc-list-event-title {
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%) !important;
    padding:10px !important;
    margin:10px !important;
}

.fc-day-mon fc-day-past {
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%) !important;
}

.fc-list-day-cushion {
    background-color: #2196f3 !important;
    color:white !important;
    font-size:14px !important;
    padding: 12px !important;
}

.fc-prev-button {
    background-color: #2196f3 !important;
    border:none !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
}

.fc-next-button {
    background-color: #2196f3 !important;
    border:none !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16), 0 1px 5px rgba(0, 0, 0, 0.26);
}
/*FULL CALENDAR CUSTOMİZED*/

 