body{    background: #fff;    font-family: 'Open Sans', sans-serif;    font-size: 12px;}img{    max-width: 100%;}.bg_lb{ background:#27a9e3;}.bg_db{ background:#2295c9;}.bg_lg{ background:#28b779;}.bg_dg{ background:#28b779;}.bg_ly{ background:#ffb848;}.bg_dy{ background:#da9628;}.bg_ls{ background:#2255a4;}.bg_lo{ background:#da542e;}.bg_lr{ background:#f74d4d;}.bg_lv{ background:#603bbc;}.bg_lh{ background:#b6b3b3;}.row{    margin-left: 0px !important;    margin-right: 0px !important;    margin-bottom: 0px !important;}ul {    list-style-type: none;    padding: 0;}li {    line-height: 20px;}.nopadding{    padding:0 !important;}body::-webkit-scrollbar {    width: 3px;}/* Track */body::-webkit-scrollbar-track {    background: #f1f1f1;}/* Handle */body::-webkit-scrollbar-thumb {    background: #cc143d;}/* Handle on hover */body::-webkit-scrollbar-thumb:hover {    background: #555;}.loginPage {    background: #2e363f;}.row-fluid [class*="span"]{    margin-left: 1.564103%;}#sidebar {    background: #2e363f;    width: 100%;    float: left;    height: 100%;}#sidebar > ul > li.active {    background-color: #27a9e3;    border-bottom: 1px solid #27a9e3;    border-top: 1px solid #27a9e3;}#sidebar > ul > li > a {    padding: 10px 0 10px 15px;    display: block;    color: #939da8;}#sidebar > ul > li > a > i {    margin-right: 10px;}#user-nav > ul > li > a > i, #sidebar li a i {    opacity: .5;    margin-top: 2px;    margin-right: .7em;}#sidebar > ul > li.active > a {    text-decoration: none;    color: #fff;}.submenu .fa-arrow-down {    float: right;    margin-right: 10px;    margin-top: 5px;}#sidebar > ul li ul {    background-color: #1e242b;}#sidebar > ul li ul {    display: none;    margin: 0;    padding: 0;}#sidebar > ul li ul li:first-child a {    border-top: 0;}#sidebar > ul li ul li a {    color: #939da8;}#sidebar > ul li ul li a {    padding: 10px 0 10px 25px;    display: block;    color: #777777;}.cursorPointer{    cursor: pointer;}.bodyContent{    padding: 0;}.bodyContent > .row > .col-md-12{    padding: 0;}#content {    float: left;    position: relative;    margin-left: 0;    width: 79%;}#content .contentBody{    margin: 0em;    width: 100%;}.pageContent {    padding-bottom: 4em !important;    max-width: 100%;    float: left;    display: block;}#footer {    background: #2e363f;    color: #fff;    text-align: center;    padding: .6em;}#footer a {    color: #ccc;    text-decoration: none;    font-weight: bold;}#footer a:hover {    color: #e71c4a;}.addFormButon {    float: right;    padding: .7em 1.5em;    background: #008000;    color: #fff;    font-weight: bold;    margin-left: .5em;}.otherFormButtun,.exportFormButon{    float: right;    padding: .7em 1.5em;    color: #fff;    font-weight: bold;    margin-left: .5em;}.otherFormButtun{    background: #4f8075;}.exportFormButon{    background: #35a711;}.exportFormButon,.exportFormButon:hover,.addFormButon:hover,.addFormButon:active, .otherFormButtun{    color: #fff;}.listFormButon{    float: right;    padding: .7em 1.5em;    background: #0d89e4;    color: #fff;    font-weight: bold;    margin-left: .5em;}.listFormButon2{    float: right;    padding: .7em 1.5em;    background: #3c0034;    color: #fff;    font-weight: bold;    margin-left: .5em;}.listFormButon2:hover,.listFormButon2:active,.listFormButon:hover,.listFormButon:active{    color: #fff;}.formRadio {    float: left;    margin-right: .5em !important;    position: relative;}.formLabel {    float: left;}.formLabel span {    font-size: .8em;    vertical-align: middle;    padding-top: .3em;}.fileInput {    position: absolute;    left: -99999px !important;    top: -99999px !important;}.fileInputSpan {    background: #27a9e3;    color: #fff;    padding: .3em 1.5em;    border-radius: .3em;}.form-horizontal .controls a {    color: #f74d4d;}.spanRow{    font-size: 1.2em;    padding-top: .3em !important;    display: block;}.contentBreak{    width:100%;    display: block;    height:3px;    background: #ccc;}.imgThumb{    width: 2em;}.imgCenter{    text-align: center !important;}.menuSubIcon {    color: #ffffff !important;    float: right;    margin-right: 1em;}.filterForm .controls {    padding: 0;    margin-left: 11em;}.filterForm .control-label {    padding: .3em;    width: auto;}.filterForm {    border-bottom: 1px solid #ccc;}.submenu .fa-arrow-down{    float: right;    margin-right: 10px;    margin-top:5px;}.filter {    padding: .2em !important;    display: block;    float: left;    width: 100% !important;}.filter .col4{    float: left;    margin-right: .5em;}.filter input[type="submit"] {    padding: .2em 1em;    background: #2e363f;    border: 1px solid #ccc;    color: #fff;    border-radius: .4em;}tfoot .pagination {    list-style-type: none;    padding: 0;    margin: 0;    text-align: center;    margin-top: 2em;}tfoot .pagination li{    display: inline-block;    margin-bottom: .6em;}tfoot .pagination li a{    padding: .2em .6em;    color: #000;    text-decoration: none;    border: 1px solid #ccc;    margin-right: .5em;}tfoot .pagination li a.selected{    background: #e29709;    color: #fff;}.sidebarContent {    padding: 0;}.w5{    width: 5%;}.w8{    width: 8%;}.w18{    width: 18%;}.w40{    width:40%;}.w100{    width: 100%;}.center{    text-align: center !important;}.mainpageList{}.mainpageList li{    width: 20%;    cursor: auto;}.mainpageList li i {    border: 1px solid #fff;    border-radius: 100%;    margin-bottom: .5em;    width: 50px;    padding-top: .5em;    padding-bottom: .5em;    display: inline-block;}.mainpageList li a{    color: #fff;    display: inline-block;}.rootLogo{    display: inline-block;    min-width: 100%;    text-align: center;    background: #fff;    z-index: 99;    padding: 1em 0;    border-right: 1px solid;}.bg_soft{    background: #818181;}.schoolsImage {    width: 24%;    float: left;    margin-left: 1%;}.schoolsImage img {    max-width: 100%;}.schoolsImage a {    width: 100%;    float: left;    text-align: center;    color: #ff0000;    padding: .3em 0;}.excelLink {    float: right;    padding: 0.7em 1.5em 0.6em 1.5em;    background: #ffffff;    color: #000;    font-weight: bold;    margin-left: .5em;}.excelLink i{    margin-right: 1em;    color: green;}.servicesA {    color: #bb9608;}span.serviseSpan {    width: 150px;    display: inline-block;    margin-right: 1em;}.lawyersA{    color: #d824c9;}.pagination {    width: 100%;    max-width: 100%;    text-align: center;    display: block !important;}.pagination li {    display: inline-block;    height: auto;    margin-bottom: 7px;}.pagination li a {    color: #000;    padding: .2em .5em;    margin: 0 .2em;    border: 1px solid #ccc;    display: block;    font-size: .9em;}.transaction a {    width: 100%;    display: block;    text-align: center;}.transaction span {    display: block;    width: 100%;    text-align: center;}.table-block {    display: table;}.list-table{    width:100%;}.table-row{    display: table-row;}.table-cell{    display: table-cell;    padding: 5px 10px 2px;    text-align: left;    border: 1px solid #ddd;    vertical-align: middle;}.table-head{    height: auto;    font-size: 10px;    padding: 5px 10px 2px;    border-bottom: 0;    text-align: center;    color: #666666;    background: #efefef;    border-left: 1px solid #ddd;    font-weight: bold;}.table-left{    width:30% !important;    float: left;    display: none !important;}.table-right{    width: 100%;    float: left;    display: inline-block;}form{    display: inline-block;    width: 100%;}.formLabel{    display: block;    width: 100%;}.formLabel .controlLeft{    float: left;}.card.widgetBox {    border: 1px solid #cdcdcd;    margin-bottom: 2em;    float: left;    width: 100%;}.card.widgetBox .card-header {    float: left;    width: 100%;    background: #efefef;    border-bottom:1px solid #dadada;}.card.widgetBox .card-header span.icon {    padding: 9px 10px 7px 11px;    float: left;    border-right: 1px solid #dadada;}.card.widgetBox .card-header h5 {    color: #666;    float: left;    font-size: 12px;    font-weight: bold;    padding: 12px;    line-height: 12px;    margin: 0;}.card.widgetBox .card-header a{}.card.widgetBox .card-body{    float: left;    width: 100%;    padding: .4em;}.row{    margin-left: 0;}a.visible-phone {    display: none;}.pageCardContent{    margin: 1em;    margin-bottom: 3em;    background: #f1f1f1 !important;}.pageCardContent .card-header {    padding: 0;}.pageCardContent .card-header .icon{    padding: .7em;    line-height: 1.4em;    border-right: 1px solid #ccc;}.pageCardContent .card-header h5 {    display: inline-block;    margin: 0;    padding: .4em .7em;    font-size: 1.4em;    color: #676767;}.pageCardContent .card-body {    padding: 3.8em .2em 2.8em;    position: relative;}.formLabel span {    font-size: 1em;    vertical-align: middle;    padding-top: .3em;    width: 100%;    display: block;}input {    padding: .5em;    margin-bottom: .4em;    border-radius: .3em;    border: 1px solid #ccc;    width: 100%;}textarea{    width: 100%;    min-height: 10em;}select {    padding: .5em;    margin-bottom: .4em;    border-radius: .3em;    border: 1px solid #ccc;    width: 100%;}input[type="submit"] {    width: auto !important;    padding-left: 2em;    padding-right: 2em;}input[type=checkbox], input[type=radio]{    width: auto !important;}.boxPart{    padding: 4em 3em .8em;}.boxPart a{    color: #fff;}.boxPart i.icon {    display: block;    font-size: 3em;}.boxPart strong{    display: block;    font-size: 1.5em;}.boxPart small{    display: block;    font-size: 1.3em;}.saveBtn {    position: absolute;    right: 0em;    top: .5em;    z-index: 9;    background-color: #26a69a;}.card-header .totalPrice {    background: #ff0000;    padding: .5em;    color: #fff;    font-weight: bold;    font-size: 1.2em;}.topBar {    background: #2e363f;    color: #939da8;    margin-bottom: 1em;}.memberForm{    max-height: 28em;    overflow: hidden;}.memberForm.active{    max-height: none;    overflow: auto;}.memberFormOpen{    position: absolute;    right: 1em;    top: 5em;    background: #340532;    padding: .5em;    opacity: 1;    z-index: 1;    color: #fff;    display: block;    cursor: pointer;}.icerikHataButton {    background: #fd0606;    padding: .7em;    color: #000;    position: fixed;    right: 0;    bottom: 2em ;    z-index: 9;    font-size: 1.5em;}.table-right span ,.table-right a{    display: block;    width: 100%;    text-align: center;}.prdDetail{    cursor: pointer;}.stkPopupOut {    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgba(0,0,0,0.8);    z-index: 9999;    display: none;}.stkPopupOut .popup {    margin: 15%;    width: 70%;    background: #fff;    padding: .8em;    border-radius: .3em;    position: relative;    display: inline-block;    z-index: 999999;}.stkPopupOut .popup .close {    position: absolute;    right: -1em;    top: -1em;    padding: .5em .9em;    background: #00BCD4;    color: #ffffff;    border-radius: 100%;    font-weight: bold;    cursor: pointer;}.popupContent {    width: 100%;    display: block;    float: left;}.popupContent .popupRow{    width:100%;    float: left;    display: block;}.popupContent .popupRow .popupCol{    width:50%;    float: left;    display: block;    padding: .3em;}.popupContent .popupRow .popupCol2{    width:100%;    float: left;    display: block;}.barcodeCreate {    display: inline-block;    color: aliceblue;    background: #3c0034;    cursor: pointer;    font-size: 1.2em !important;    padding: .5em;    margin: 0;}.prdImg {    border-radius: .7em;    overflow: hidden;    background: #3c0034;    text-align: center;}.prdImg img {    max-width: 100%;    width: 100%;}.prdImg a {    width: 100%;    display: block;    text-align: center;    color: #fff;    padding: .3em;    font-size: 1.1em;}.serviceSpanLeft{    float: left;    width: 15%;    display: inline-block;    padding: .4em;}.serviceSpanRight{    float: right;    width: 83%;    display: inline-block;    padding: .4em;}.redText{    color: #ff0000;}.greenText {    color: #00660099 !important;}.insDuzenleButton{    float: right;}.installmentPayPaid,.installmentAdd,.installmentDelete{    text-align: center;    cursor: pointer;    display: block;    width:100%;    margin-bottom: .4em;    padding: .3em;    border: 1px solid #ccc;}.installmentPayPaid{    cursor: pointer;    margin-bottom: .5em;}.installmentPayPaidPopupOut.active{    display: block;}.installmentPayPaidPopupOut {    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgba(0,0,0,0.8);    z-index: 9999;    display: none;}.installmentPayPaidPopupOut .popup {    margin: 15% 35%;    width: 30%;    background: #fff;    padding: .8em;    border-radius: .3em;    position: relative;    display: inline-block;    z-index: 999999;}.installmentPayPaidPopupOut .popup .close {    position: absolute;    right: -1em;    top: -1em;    padding: .5em .9em;    background: #00BCD4;    color: #ffffff;    border-radius: 100%;    font-weight: bold;    cursor: pointer;}.installmentPayPaidPopupOut .popupContent .popupRow .popupCol{    width:50%;    float: left;    display: block;    padding: .3em;}.installmentAdd{    cursor: pointer;    margin-bottom: .5em;}.installmentAddPopupOut.active,.installmentDonPopupOut.active{    display: block;}.installmentAddPopupOut,.installmentDonPopupOut {    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgba(0,0,0,0.8);    z-index: 9999;    display: none;}.installmentAddPopupOut .popup,.installmentDonPopupOut .popup {    margin: 15% 35%;    width: 30%;    background: #fff;    padding: .8em;    border-radius: .3em;    position: relative;    display: inline-block;    z-index: 999999;}.installmentDonPopupOut .popup{    margin-top: 25%;}.installmentAddPopupOut .popup .close,.installmentDonPopupOut .popup .close {    position: absolute;    right: -1em;    top: -1em;    padding: .5em .9em;    background: #00BCD4;    color: #ffffff;    border-radius: 100%;    font-weight: bold;    cursor: pointer;}.installmentAddPopupOut .popupContent .popupRow .popupCol,.installmentDonPopupOut .popupContent .popupRow .popupCol{    width:50%;    float: left;    display: block;    padding: .3em;}.ordDetail{    cursor: pointer;}.ordDetailPopupOut {    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgba(0,0,0,0.8);    z-index: 9999;    display: none;}.ordDetailPopupOut .popup {    margin: 15%;    width: 70%;    background: #fff;    padding: .8em;    border-radius: .3em;    position: relative;    display: inline-block;    z-index: 999999;}.ordDetailPopupOut .popup .close {    position: absolute;    right: -1em;    top: -1em;    padding: .5em .9em;    background: #00BCD4;    color: #ffffff;    border-radius: 100%;    font-weight: bold;    cursor: pointer;}.ordDetailPopupOut .popupContent {    max-height: 400px;    overflow: auto;}.ordDetailPopupOut .ordCol {    width: 12%;    float: left;    text-align: center;}.ordDetailPopupOut .ordCol2 {    width: 28%;    float: left;    text-align: center;}#loginbox {    width: 30%;    text-align: center;    margin: 10% auto;}.table-right a {    margin-bottom: .4em;}.table-row .table-cell:nth-last-child(1) .table-right a{    border: 1px solid;}.table-row .table-cell:nth-last-child(1) a,.table-row .table-cell:nth-last-child(1) span > span{    display: block;    text-align: center;    width: 100%;    border: 1px solid;    margin-bottom: .5em;}.dangerSpan {    color: #ff0000;    text-align: left !important;}.waitingA {    border-color: #ec640ee6 !important;    color: #ec640ee6;}#smsMmbAdd{    width: auto !important;    padding-left: 2em;    padding-right: 2em;    height: 36px;    line-height: 36px;    cursor: pointer;    background-color: #26a69a;    color:#fff;    text-align: center;}#srch_mmbName{    text-align: center;    width: 90%;    margin-left: 5%;}.delayPopupOut.active{    display: block;}.delayPopupOut {    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgba(0,0,0,0.8);    z-index: 9999;    display: none;}.delayPopupOut .popup {    margin: 15%;    width: 70%;    background: #fff;    padding: .8em;    border-radius: .3em;    position: relative;    display: inline-block;    z-index: 999999;}.delayPopupOut .popup .close {    position: absolute;    right: -1em;    top: -1em;    padding: .5em .9em;    background: #00BCD4;    color: #ffffff;    border-radius: 100%;    font-weight: bold;    cursor: pointer;}.delayPopupOut .popupContent .popupRow .popupCol{    width:33%;    float: left;    display: block;    padding: .3em;}.delayedInstallmentDetail,.hatirlat{    display: inline-block;    width: 100%;    text-align: center;    margin:.2em;}.userStar {    color: #fff022;    text-shadow: 0px 0px 5px #27a9e3;    font-size: 1.4em;}@media screen and (max-width: 1180px){    html {        overflow-x: hidden;    }    #content > .container-fluid {        padding: 0 .3em;    }    #user-nav {        width: 66%;        float: left;        position: absolute;    }    #user-nav ul.nav {        display: block;        float: right;        text-align: right;    }    #user-nav ul.nav li {        float: right;    }    .dropdown-menu{        left: auto;        right: 0;    }    .navbar .nav>li>.dropdown-menu:before{        right: 9px;        left: auto;    }    .navbar .nav>li>.dropdown-menu:after{        right: 9px;        left: auto;    }}@media screen and (max-width: 767px){    .serviceSpanLeft{        width: 40%;        float: left;    }    .serviceSpanRight{        width: 60%;        float: left;    }    .table-head.table-row{        display: none;    }    .table-row {        display: inline-block;        border-bottom: 1px solid #000;        margin-bottom: .4em;    }    .table-cell{        width: 100%;        float: left;        display: block;        padding:0;    }    .table-left{        display: inline-block !important;        padding: .5em;        text-align: left !important;    }    .table-right{        width: 65% !important;        float: right;        padding: .5em;        text-align: left !important;        border-left: 1px solid #ddd !important;    }    #loginbox{        width: 70%;    }    a.visible-phone {        display: block;        text-align: center;        color: #fff;        padding: 1em;    }    .leftBarMenu{        display: none;    }    .leftBarMenu.active{        display: block;    }    .topBar{        display: none;    }}@media screen and (max-width: 600px){    .table-left{        width: 28% !important;    }    .widget-title h5 {        display: none;    }    .rootLogo {        width: 100%;    }    #user-nav {        position: relative;        width: 90%;        left: 0;        float: right;    }    .saveBtn {        position: relative;        margin-bottom: 1em;    }}@media screen and (max-width: 480px){    span.serviseSpan {        width: 40%;    }    #loginbox{        width: 90%;    }}