/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; font-family: Arial; font-size: small; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }


/*
* Global
*/
textarea:focus, input:focus { outline: none; }

*:focus { outline: none; }

.mt-15 { margin-top: 15px; }

.block {
    display: block;
}


/* 
* Box 
*/
.Box { border: 1px solid #D2D2D2; margin-bottom: 10px; margin-left: 5px; }

.BoxHeader { border-width: 1px; border-color: #6299c5; line-height: 24px; font-weight: bold; border-bottom-style: dotted; background-color: #F1F1F1; color: #333333; padding-left: 5px; }

.BoxContent { margin: 5px; }




/*
* Header Buttons
*/
.CreditPayButtons a { display: block; text-decoration: none; font-weight: bold; cursor: pointer; }

    .CreditPayButtons a.PayCredit { text-align: center; padding-right: 7px; padding-left: 7px; color: #333333; }

        .CreditPayButtons a.PayCredit:hover { background-color: #009933; color: #FFFFFF; }

        .CreditPayButtons a.PayCredit:active { background-color: #006600; color: #fff; }




/*
* Buttons
*/
.Headerbuttons a { display: block; text-decoration: none; text-align: center; padding-right: 7px; padding-left: 7px; font-weight: bold; color: #565656; cursor: pointer; white-space: nowrap; }

    .Headerbuttons a.Standart { color: #6299c5; }

        .Headerbuttons a.Standart:hover { background-color: #6299c5; color: #fff; }

        .Headerbuttons a.Standart:active { background-color: #6299c5; color: #fff; }

    .Headerbuttons a.Danger { color: #c0392b; }

        .Headerbuttons a.Danger:hover { background-color: #c0392b; color: #fff; }

        .Headerbuttons a.Danger:active { background-color: #e74c3c; color: #fff; }

.buttons a { border: 1px solid #eeeeee; display: block; background-color: #f5f5f5; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; padding-right: 7px; padding-left: 7px; line-height: 26px; }

    .buttons a.regular { margin-bottom: 2px; }

        .buttons a.regular:hover { background-color: #6299c5; border: 1px solid #5691C0; color: #FFFFFF; }

        .buttons a.regular:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

    .buttons a.save { text-align: center; }

        .buttons a.save:hover, .buttons a.CashBoxAddOperation:hover { background-color: #99FF99; border: 1px solid #00CC00; color: #000000; }

        .buttons a.save:active, .buttons a.CashBoxAddOperation:active { background-color: #339933; border: 1px solid #6299c5; color: #fff; }

    .buttons a.CashBoxAddOperation { text-align: center; line-height: 40px; text-align: center; font-weight: bold; }

.btn-link { text-decoration: none; }

    .btn-link:hover { text-decoration: underline; }

    .btn-link.primary { color: #337ab7; }

    .btn-link.success { color: #5cb85c; }

    .btn-link.info { color: #5bc0de; }

    .btn-link.warning { color: #f0ad4e; }

    .btn-link.danger { color: #d9534f; }





/* 
* Client details 
*/
.CDataHeader, .CDataContent { font-weight: bold; line-height: 22px; vertical-align: middle; padding: 5px; border-width: 1px; border-color: #CCCCCC; border-bottom-style: dotted; color: #444444; white-space: nowrap; }

.CDataContent { color: #333333; }

.NoCredits { border: 1px solid #0080FF; background-color: #AAD5FF; line-height: 40px; text-align: center; font-weight: bold; }

.MessageSearcheCriteria { border: 1px solid #33CC33; background-color: #A6FFA6; line-height: 40px; text-align: center; font-weight: bold; }

.CreditPayAll { border: 1px solid #0080FF; background-color: #AAD5FF; text-align: center; font-weight: bold; }

.CreditPayAllHeader { text-align: center; font-size: 18px; font-weight: bold; margin-top: 10px; }

.CreditPayAllAmount { text-align: center; font-size: 22px; font-weight: bold; color: #FF0000; margin-top: 15px; margin-bottom: 15px; }

.CreditPayAllButton { text-align: center; font-weight: bold; margin-bottom: 10px; margin-right: auto; margin-left: auto; }




/* 
* Forms 
*/
.TextBox { border: 1px solid #cfcfcf; background-color: #FBFBFB; line-height: 24px; height: 24px; padding-right: 5px; padding-left: 5px; }

.TextBoxNewCredit { border: 1px solid #cfcfcf; background-color: #FBFBFB; line-height: 24px; height: 24px; padding-right: 5px; padding-left: 5px; width: 80px; margin-top: 5px; }

.TextBoxRegistration { margin: 2px; border: 1px solid #cfcfcf; background-color: #FBFBFB; line-height: 24px; height: 24px; padding-right: 5px; padding-left: 5px; width: 200px; }

.TextBoxNewMessage { padding: 5px; border: 1px solid #cfcfcf; background-color: #ffffff; height: 80px; width: 203px; margin-top: 2px; margin-bottom: 2px; }

.TextBoxRegistrationDisabled { margin: 2px; border: 1px solid #cfcfcf; background-color: #EEEEEE; line-height: 24px; height: 24px; padding-right: 5px; padding-left: 5px; width: 200px; }

.TextBoxCityAndPlaceDisabled { margin: 2px; border: 1px solid #cfcfcf; line-height: 24px; height: 24px; padding-right: 5px; padding-left: 5px; width: 200px; }

.TextBoxSpace { margin: 2px; border: 1px solid #cfcfcf; background-color: #FBFBFB; line-height: 24px; height: 24px; padding-right: 5px; padding-left: 5px; width: 103px; }

.TextBoxFilter { margin: 2px; border: 1px solid #cfcfcf; background-color: #FBFBFB; line-height: 24px; height: 24px; width: 200px; padding-right: 5px; padding-left: 5px; }

.SelectSex { margin: 2px; border: 1px solid #cfcfcf; background-color: #FBFBFB; line-height: 28px; height: 28px; width: 212px; padding-left: 3px; }

.DdlRow { margin: 2px; border: 1px solid #cfcfcf; background-color: #FBFBFB; width: 90px; height: 27px; line-height: 27px; }

.tbxCrateEdit { border: 1px solid #cfcfcf; width: 70px; padding: 2px 5px 2px 5px; font-family: 'Arial'; font-size: 15px; text-align: center; }

.frm-errorList { margin-top: 2px; }

    .frm-errorList li { color: #d9534f; padding-top: 1px; padding-bottom: 1px; }

.frm-login { margin: auto; padding: 5px; width: 302px; margin-top: 40px; }

    .frm-login .title { font-weight: bolder; color: #337ab7; font-size: x-large; margin-bottom: 20px; display: block; text-align: center; }
    .frm-login .title span{ font-size: 33px; }
    .frm-login label { font-weight: bolder; color: #666666; margin-top: 10px; font-size: large; margin-bottom: 5px; display: block; }

    .frm-login input[type=text],
    .frm-login input[type=password] { border: 1px solid #bdc3c7; padding: 10px 5px 10px 5px; width: 290px; font-size: large; } 

    .frm-login .btn-login { display: block; text-decoration: none; font-weight: bold; cursor: pointer; line-height: 48px; text-align: center; font-size: large; background-color: #2980b9; color: #FFFFFF; margin-top: 15px; }

        .frm-login .btn-login:hover { background-color: #3498db; }

        .frm-login .btn-login:active { margin-top: 16px; margin-right: 1px; margin-left: 1px; }


/* 
* General 
*/
html { overflow-y: scroll; font-size: 14px; }

#container { width: 1200px; margin: 0 auto; }

#Sidebar { float: left; width: 174px; }

#MainContent { float: left; width: 1026px; margin-left: 0px; }

#Header { float: left; width: 100%; background: #333; color: #ffffff; clear: both; line-height: 22px; margin-bottom: 5px; margin-top: 5px; line-height: 32px; }

    #Header .logo { text-decoration: none; font-size: large; font-weight: bolder; background-color: #2980b9; }
        /*#Header .logo span { font-size: 22px;}*/

    #Header ul { margin: 0; padding: 0; }

        #Header ul li { list-style-type: none; display: inline; }

    #Header li a { display: block; float: left; color: #F0F0F0; text-decoration: none; border-right: 1px solid #fff; font-weight: bold; padding-right: 10px; padding-left: 10px; }

        #Header li a:hover { background: #2980b9; color: #FFFFFF; }

#Footer { clear: both; }

.table { display: table; width: 100%; }

    .table > thead { color: #FFFFFF; font-weight: bold; background-color: #2980b9; }

    .table > tfoot { background-color: #bdc3c7; font-weight: bolder; }

        .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; vertical-align: middle; }

    .table > tbody > tr.odd { background: #F5F5F5; }

.AddNewCredit { vertical-align: middle; padding-left: 5px; padding-right: 5px; }

#ListOptions { border-bottom-style: dotted; border-width: 1px; border-color: #D2D2D2; margin-bottom: 10px; }



/*
*   CashBox
*/
.CashBoxSummeryTable { width: 300px; margin-right: auto; margin-left: auto; }

.CashBoxSummeryTableDescText { font-size: 15px; line-height: 26px; }

.CashBoxSummeryTableAmountText { font-size: 15px; width: 80px; text-align: right; padding-right: 5px; }

.CashBoxNewOperationColumn { border-width: 1px; border-color: #cfcfcf; padding: 5px; width: 216px; vertical-align: top; border-left-style: solid; }

.CashBoxNewOperationColumnDescText { padding: 5px 2px 2px 2px; }

.CashBoxNewOperationColumnButtons { padding: 5px 3px 2px 2px; }

.ReportResultHeader { font-size: 18px; border-width: 1px; border-color: #6299c5; border-bottom-style: dotted; margin-bottom: 5px; padding-bottom: 2px; color: #6299c5; }


/* New Message Animation */
.NewMessage { -webkit-animation: color-change 1s infinite; -moz-animation: color-change 1s infinite; -o-animation: color-change 1s infinite; -ms-animation: color-change 1s infinite; animation: color-change 1s infinite; }

@-webkit-keyframes color-change {
    0% { color: #ffffff; }

    50% { color: red; }

    100% { color: #ffffff; }
}

@-moz-keyframes color-change {
    0% { color: #ffffff; }

    50% { color: red; }

    100% { color: #ffffff; }
}

@-ms-keyframes color-change {
    0% { color: #ffffff; }

    50% { color: red; }

    100% { color: #ffffff; }
}

@-o-keyframes color-change {
    0% { color: #ffffff; }

    50% { color: red; }

    100% { color: #ffffff; }
}

@keyframes color-change {
    0% { color: #ffffff; }

    50% { color: red; }

    100% { color: #ffffff; }
}

.MessageBoxPlace { color: #6299C5; margin-bottom: 5px; }

.MessageBoxDateTime { width: 70px; text-align: right; color: #C0C0C0; font-size: 12px; font-weight: normal; margin-left: 5px; }

.MessageBoxMessage { padding-left: 10px; margin-bottom: 15px; }

.selected-row { border-style: solid none solid none; border-width: 1px; border-color: #e67e22; background: rgb(238,238,238); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); }




/* Colors*/
.clr-primary { color: #337ab7; }

.clr-success { color: #5cb85c; }

.clr-info { color: #5bc0de; }

.clr-warning { color: #f0ad4e; }

.clr-danger { color: #d9534f; }

.rated-value { display: block; margin-top: 5px; }

/*  
 *  Alerts  
***********************************/
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 2px; }

.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }

.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }




/*
* Text
***********************************/
.text { padding-top: 3px; padding-bottom: 3px; }

.text-muted { color: #777; }

.text-primary { color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus { color: #286090; }

.text-success { color: #3c763d; }

a.text-success:hover,
a.text-success:focus { color: #2b542c; }

.text-info { color: #31708f; }

a.text-info:hover,
a.text-info:focus { color: #245269; }

.text-warning { color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus { color: #66512c; }

.text-danger { color: #d9534f; }

a.text-danger:hover,
a.text-danger:focus { color: #843534; }