﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=greek');
@import url('../font-awesome-4.7.0/css/font-awesome.min.css');

* {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c2c2c2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #c2c2c2;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #c2c2c2;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #c2c2c2;
}

.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
    content: " ";
    display: table;
}

table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
body, html, form {
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
body {
    color: #464646;
    font-family: "Open Sans",Tahoma, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.55;
    text-align: left;
    background-color:#F8F4F5;
}
form{
    padding:10px;
}
ul{
    margin: 5px 15px;
    padding: 0;
}
ul.horizontal,ul.menu,ul.flat {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.horizontal li{
    display:inline-block;
}
ul.menu li{
   cursor:pointer;
   padding:6px;
}
ul.menu li:hover,ul.menu li:hover a, ul.menu li#current{
   background-color:#007CBC;
   color:white;
}
ul.menu-sm li{
   padding:3px 6px;
}
a{
    color:#007CBC;
    text-decoration:none;
}
a:hover{
    color:#3AB4E3;    
}
input,select, textarea{
    font-family: "Open Sans",Tahoma,sans-serif;
    border:solid 1px #cfcfcf;
    border-radius:4px;
    max-width:100%;
    padding:3px 6px;
    font-size:13px;
}
input[type=submit],.LinkButton1{
    display:inline-block;
    background-color:#F5F5F5;
    border:solid 1px #E4E4E4;
    padding:5px 10px;
    font-size:12px;
    border-radius:4px;
    color: #3b3b3b;
    font-weight:400;
}
input[type=submit]:hover,.LinkButton1:hover{
    background-color:#ededed;
    color: #3b3b3b;
}
select{
    padding:1px 4px;
}
hr {
    box-sizing: content-box;
    height: 0;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.11);
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
.hr {
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    border-width: 1px 0 0;
    display: block;
    font-size: 0;
    height: 0;
    margin: 12px 0;
    overflow: hidden;
}
.hr-double {
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    height: 3px;
}
.hr.dotted, .hr-dotted {
    border-style: dotted;
}
.hr-32, .hr32 {
    margin: 32px 0;
}
.hr-16, .hr16 {
    margin: 16px 0;
}
.hr-12, .hr12 {
    margin: 12px 0;
}
.hr-8, .hr8 {
    margin: 8px 0;
}
fieldset{
    border:solid 1px #b8b8b8;
    border-radius:2px;
}
b{
    font-weight:600;
}
h2,.h2{
    font-weight:500;
    font-size:20px;
    color:#007CBC;
    padding:0;
    margin:6px 0;
    text-align:left;
}
h3,.h3{
    font-weight:500;
    font-size:15px;
    color:#007CBC;
    padding:0;
    margin:6px 0;
    text-align:left;
}
h3.header{
    background-color:#F9F9F9;
    border:solid 1px #DFDFDF;
    padding:6px 25px;
    margin:10px;
}
h3.underline{
    border-bottom:solid 1px #007CBC;
    padding:3px 0;
}
h4.header {
    padding: 6px;
    margin-bottom: 8px;
}
h4.underline {
    padding: 6px;
    border: solid 1px #007CBC;
    color: #007CBC;
    border-bottom-width:2px;
    margin-bottom: 8px;
}
h5,.h5{
    font-weight:600;
    font-size:13px;
    margin:10px 0 0 3px;
    padding:0;
}

/**********************RAD CONTROLS OVERWRITE*************************************/
.reDropDownBody{
    box-sizing:content-box;
}

.RadMenu,.RadMenu a.rmLink, .RadTabStrip_Telerik,.RadInput .riTextBox, .RadInput,.RadComboBox, .RadComboBox .rcbInput, .RadComboBoxDropDown,
.RadMenu.MenuCSS .rmSlide .rmText,
.RadSplitter .rspSlideTitle, .RadSplitter .rspPaneTabText{
    font-family: "Open Sans",Tahoma,sans-serif!important;
    font-size: 13px!important;
    font-weight: 400!important;
    line-height: 1.55!important;
    background-image:none!important;
    border-color:#cfcfcf!important;
}
.RadComboBox {
    background-color: white!important;
}
.RadMenu a.rmLink, .RadMenu .rmText, .RadMenu .rmLeftArrow, .RadMenu .rmRightArrow, .RadMenu .rmTopArrow, .RadMenu .rmBottomArrow,
.RadMenu .rmGroup a.rmLink:hover .rmExpandDown, .RadMenu .rmGroup a.rmFocused .rmExpandDown, .RadMenu .rmGroup a.rmSelected .rmExpandDown, .RadMenu .rmGroup a.rmExpanded .rmExpandDown,
.RadMenu .rmRootGroup, .RadMenu .rmGroup .rmText, .RadMenu .rmVertical .rmText,
.RadComboBox .rcbInputCellLeft, .RadComboBox .rcbInputCellRight, .RadComboBox .rcbArrowCellLeft, .RadComboBox .rcbArrowCellRight{
    background-image:none!important;
}
.RadMenu .rmGroup .rmText{
    padding:2px 5px 2px 28px!important;
    min-width:200px;
    line-height:24px;
}
.RadMenu.no-padding .rmGroup .rmText{
    padding:0!important;
    margin:0!important;
}
.RadMenu .rmText.rmExpandRight::before{
    font-family: FontAwesome;
    content: "";
    display:inline;
    height:20px;
    width:5px;
    float:right;
}
.RadMenu .rmRootGroup{
    background-color:#3AB4E3!important;
    background-image:none!important;
    border:solid 1px #cfcfcf!important;
    border-radius:4px;
}
.RadMenu .rmRootGroup > .rmItem  > .rmLink{
    padding:2.5px 8px!important;
    color:white!important;
    border-right:solid 1px #cfcfcf!important;
}
.RadMenu .rmRootGroup.rmHorizontal > .rmItem:last-child > .rmLink {
    border:none!important;
}
.RadMenu a.rmLink:hover, .RadMenu a.rmFocused, .RadMenu a.rmSelected, .RadMenu a.rmExpanded{
    background-color:#007CBC!important;
    color:white!important;
}
.rmDisabled, .rmDisabled .rmText{
    color:#dcdcdc;
}

.RadMenu.MenuCSS .rmRootGroup{
    background-color:transparent!important;
    border:none!important;
}
.RadMenu.MenuCSS .rmHorizontal>.rmItem>.rmText{
   padding:0!important;
}
.RadMenu.MenuCSS .rmSlide .rmText{
    line-height: 1.9!important;
}
.RadMenu.MenuCSS .rmGroup, .RadMenu.MenuCSS .rmMultiColumn, .RadMenu.MenuCSS .rmGroup .rmVertical{
    border: 1px solid #3AB4E3;
    background: linear-gradient(to right, #3AB4E3 ,#3AB4E3 30px,white 30px,white); /* W3C */
}
.RadMenu.MenuCSS .rmLink{
    color:#515151 !important;
}
.RadMenu.MenuCSS a.rmLink:hover, .RadMenu.MenuCSS a.rmFocused, .RadMenu.MenuCSS a.rmSelected,
.RadMenu.MenuCSS .rmGroup a.rmFocused, .RadMenu.MenuCSS .rmGroup a.rmSelected, .RadMenu.MenuCSS .rmGroup a.rmExpanded, .RadMenu.MenuCSS .rmGroup a.rmFocused, .RadMenu.MenuCSS .rmGroup a.rmSelected, .RadMenu.MenuCSS .rmGroup a.rmExpanded{
    background-image:none;
    background-color:#007CBC;
    color:white!important;
}
.RadMenu.MenuCSS .rmSeparator{
    height:1px;
    border-bottom:solid 1px #3AB4E3;
}

.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip_Default{
    font: 12px/16px "Open Sans",Tahoma,sans-serif!important;
    color:#454545!important;
}
.RadGrid .rgGroupPanel{
    background:white!important;
    border:none!important;
    margin:6px 0;
}
.RadGrid .rgGroupPanel table{
    font-size:13px!important;
}
.RadGrid .rgPager{
    background:rgb(239,239,239)!important;
}
.RadGrid td.rgPagerCell{
    border-top:#DEDEDE!important;
    padding:5px!important;
}
.RadGrid .rgPagerCell .rgInfoPart{
    padding:4px!important;
    color:#515151;
}
.RadGrid .rgPagerCell .rgNumPart a,
.RadGrid .rgNumPart a:hover, .RadGrid .rgNumPart a:hover span, .RadGrid .rgNumPart a.rgCurrentPage{
    background:white!important;
    padding:0;
    margin:0;
}
.RadGrid .rgPagerCell .rgNumPart a span,.RadGrid .rgPagerCell .rgArrPart1 input,.RadGrid .rgPagerCell .rgArrPart2 input{
    background-color:white;
    height:30px;
    line-height:30px;
    width:30px;
    border:solid 1px #CECECE;
    border-left:none;
    text-align:center;
    padding:0;
    margin:0;
    border-radius:0;
}
.RadGrid .rgPagerCell .rgArrPart1{
    padding:0;
}
.RadGrid .rgPagerCell .rgArrPart2{
    padding:0;
}
.RadGrid .rgPagerCell .rgPageFirst,.RadGrid .rgPagerCell .rgPageFirst:hover{
   margin-right:-3px!important;
   border-left:solid 1px #CECECE!important;
   border-radius:4px 0  0 4px!important;
   background:url("images/left1.png") center center no-repeat white;
   padding:0;
   margin:0;
}
.RadGrid .rgPagerCell .rgPageLast,.RadGrid .rgPagerCell .rgPageLast:hover{
   margin-left:-3px!important;
   border-right:solid 1px #CECECE!important;
   border-radius:0 4px 4px 0!important;
   background:url("images/right1.png") center center no-repeat white;
   padding:0;
    margin:0;
}
.RadGrid .rgPagerCell .rgPagePrev,.RadGrid .rgPagerCell .rgPagePrev:hover{
   background:url("images/left2.png") center center no-repeat white;
   padding:0;
   margin:0;
}
.RadGrid .rgPagerCell .rgPageNext,.RadGrid .rgPagerCell .rgPageNext:hover{
   background:url("images/right2.png") center center no-repeat white;
   padding:0;
   margin:0;
}
.RadGrid .rgNumPart a.rgCurrentPage span{
    background-image:none!important;
    background-color:#007CBC!important;
    color:white;
    padding:0;
    margin:0;
}
.RadGrid .fa{
    margin-left:3px;
}
.RadGrid tr[disabled]{
    background:#f5f5f5;
    opacity:0.6;
}
.rgPager .rgPagerCell.NextPrevAndNumeric .rgAdvPart{
    display:none;
}
.RadGrid .rgRow td a:hover, .RadGrid .rgAltRow td a:hover{
     text-decoration:underline;
}
.RadGrid tbody > tr > td:last-child,.RadGrid thead > tr > th:last-child{
    border-right:none!important;
}
.GridRowSelector_Default{
    background-color:black!important;
    opacity:0.3!important;
}
.RadGrid .rgHeader.rgSorted, .RadGrid .rgHeader.rgSorted a{
    color:rgb(0, 124, 188);
}

.RadGrid_Default{
    border-color:#E4E4E4!important;
    border-radius:4px;
}
.RadGrid_Default .rgDataDiv{
    border:solid 1px #E4E4E4;
    border-radius:4px;
}
.RadGrid_Default .rgHeader {
    background:#efefef!important;
    border-right: #dcdcdc solid 1px!important;
    border-color: #dcdcdc!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
    font-size:13px;
}
.RadGrid_Default .rgHeader a{
    font-weight:600;
}
.RadGrid_Default .rgRow td, .RadGrid_Default .rgAltRow td, .RadGrid_Default .rgEditRow td, .RadGrid_Default .rgFooter td {
    border-bottom:solid 1px #EBEBEB!important;
    border-right:solid 1px #EBEBEB!important;
}
.RadGrid_Default .rgAltRow td{
    background-color:#F9F9F9!important;
}
.RadGrid_Default .rgRow:hover td, .RadGrid_Default .rgAltRow:hover td,.RadGrid_Default .rgSelectedRow td{
    background-color:#3AB4E3!important;
    color:white!important;
}
.RadGrid_Default .rgRow:hover td a, .RadGrid_Default .rgAltRow:hover td a,.RadGrid_Default .rgSelectedRow td a,
.RadGrid_Default .rgRow:hover td i, .RadGrid_Default .rgAltRow:hover td i,.RadGrid_Default .rgSelectedRow td i,
.RadGrid_Default .rgRow:hover td span, .RadGrid_Default .rgAltRow:hover td span,.RadGrid_Default .rgSelectedRow td span,
.RadGrid_Default .rgRow:hover td small, .RadGrid_Default .rgAltRow:hover td small,.RadGrid_Default .rgSelectedRow td small{
    color:white!important;
}

.RadGrid_Outlook{
    border:solid 1px #3AB4E5!important;
    border-radius:6px;
}
.RadGrid_Outlook .rgHeader {
    background:#3AB4E5!important;
    border-color: white!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
    font-size:13px;
}
.RadGrid_Outlook .rgHeader:last-child{
    border-right:none!important;
}
.RadGrid_Outlook .rgHeader, .RadGrid_Outlook .rgHeader a{
    color:white!important;
}
.RadGrid_Outlook .rgRow td, .RadGrid_Outlook .rgAltRow td, .RadGrid_Outlook .rgEditRow td, .RadGrid_Outlook .rgFooter td {
    border:none!important;
}
.RadGrid_Outlook .rgAltRow td{
    background-color:#F8F4F5!important;
}
.RadGrid_Outlook .rgRow:hover td, .RadGrid_Outlook .rgAltRow:hover td,.RadGrid_Outlook .rgSelectedRow td{
    background-color:#007CBC!important;
    color:white!important;
}
.RadGrid_Outlook .rgRow:hover td a, .RadGrid_Outlook .rgAltRow:hover td a,.RadGrid_Outlook .rgSelectedRow td a,
.RadGrid_Outlook .rgRow:hover td i, .RadGrid_Outlook .rgAltRow:hover td i,.RadGrid_Outlook .rgSelectedRow td i{
    color:white!important;
}
.RadGrid_Outlook tbody tr:last-child td:last-child{
    border-radius:0 0 6px 0;
}
.RadGrid_Outlook tbody tr:last-child td:first-child{
    border-radius:0 0 0 6px;
}


.RadTabStrip_Telerik .tab-info .innerWrap::before{
    content: "";
    font-family: FontAwesome;
    margin-right:5px;
    font-size:120%;
}
.RadTabStrip_Telerik .tab-calendar .innerWrap::before{
    content: "";
    font-family: FontAwesome;
    margin-right:5px;
    font-size:120%;
}
.RadTabStrip_Telerik .tab-retweet .innerWrap::before {
    content: "\f015";
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 120%;
}
.RadTabStrip_Telerik li a,.RadTabStrip_Telerik li a .wrap,.RadTabStrip_Telerik li a .innerWrap,.CustomTabButtons{
    background:none!important;
    font-weight:500!important;
    padding:0!important;
    margin:0!important;
    height:auto!important;
    line-height:24px!important;
}
.RadTabStrip_Telerik li a,.CustomTabButtons a{
    background-color:#3AB4E3!important;
    padding:0 10px!important;
    margin-right:1px!important;
    border-radius:6px 6px 0 0;
    color:white!important;
}
.RadTabStrip_Telerik.tabs-big li a{
    padding:6px 20px!important;   
    background-color:#F5F5F5!important;
    border-left:solid 1px #E8E8E8;
    border-top:solid 1px #E8E8E8;
    border-right:solid 1px #E8E8E8;
    color:#8d8d8d!important;
}
.CustomTabButtons a{
    background-color:#E8E8E8!important;
    color:#8d8d8d!important;
    padding:3px 8px!important;
}
.RadTabStrip_Telerik li a.selected,.RadTabStrip_Telerik li a:hover,.CustomTabButtons a:hover, .CustomTabButtons a.selected{
    background-color:#007CBC!important;
    color:white!important;
    border-color:#007CBC!important;
}
.RadTabStrip_Telerik li a.selected{
    padding:0 20px!important;
}
.RadTabStrip_Telerik.tabs-big li a.selected{
    padding:6px 20px!important;
}
.RadTabStrip_Telerik.button-tabs  li a{
    border-radius:6px;
    margin-bottom:2px!important;
}
.tabs-menu{
    background-color:#007CBC;
    padding:5px;
    color:white;
}
.MultipageWrapper{
    border:solid 2px #007CBC;
    padding:10px;
    overflow:auto;
    background-color:white;
}
.CustomTabContainer{
    border:solid 1px #007CBC;
    padding:10px;
}

.RadPicker table.rcTable{
    padding:0!important;
    background-color:white;
    border:solid 1px #D9D9D9!important;
    border-radius:4px!important;
    border-collapse:separate;
}
.RadPicker table.rcTable .rcInputCell{
    padding:0!important;
}
.RadPicker .RadInput .riTextBox,.RadPicker .RadInputMgr{
    padding:4px 6px!important;
    border-radius:4px 0px 0px 4px;
    border-width:0!important;
}
.RadPicker .rcCalPopup, .RadPicker .rcTimePopup{
    background:none!important;
    text-indent:0!important;
    height:26px!important;
    width:30px!important;
    padding:0;
    margin:0;
    border-left:solid 1px #D9D9D9;
}
.RadPicker .rcCalPopup::before{
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size:16px;
}
.RadPicker .rcTimePopup::before{
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size:16px;
}

.RadInput .riTextBox, .RadInputMgr,.RadComboBox .rcbInputCell .rcbInput{
    padding:2px 6px!important;
}
.RadComboBox .rcbInputCell .rcbInput{
    border:1px solid #929292!important;
}
.RadComboBox table td.rcbInputCell{
    padding-left: 0!important;
}
.RadComboBox .rcbInputCell.rcbInputCellLeft input{
    border-radius:4px 0 0 4px!important;
    border-right:none!important;
}
.RadComboBox .rcbArrowCellRight a{
    border:1px solid #929292!important;
    background:url(images/bottom2.png) center center no-repeat white!important;
    border-radius:0 4px 4px 0!important;
    height:26px!important;    
}
.RadComboBox:hover .rcbArrowCellRight a {
    background-color:#e9e9e9!important;
}
.RadComboBox .rcbArrowCellRight.rcbArrowCellHidden a{
    background:none!important;
    width:5px!important;
    border-left:none!important;
}

.RadSplitter .rspPaneTabText{
    -ms-writing-mode:unset!important;
    writing-mode:unset!important;
}

.RadScheduler_Outlook .rsHeader{
    background:none!important;
    background-color:#007CBC!important;
}

.RadSplitter .rspSlideHeader, .RadSplitter .rspSlideTitleContainer, .RadSplitter .rspBottom .rspPaneTabContainer, .RadSplitter .rspTop .rspPaneTabContainer,
.RadSplitter .rspPaneTabContainer, .RadSplitter .rspCollapseBarExpand, .RadSplitter .rspCollapseBarCollapse, .RadSplitter .rspCollapseBarHorizontalExpand, .RadSplitter .rspCollapseBarHorizontalCollapse{
    background:#007CBC!important;
    color: white!important;
}
.RadSplitter .rspSlideTitle, .RadSplitter .rspPaneTabText{
        color: white!important;
}
.RadSplitter .rspResizeBarHorizontal, .RadSplitter .rspSlideContainerResizeHorizontal{
    background:#78c4e1!important;
}
.RadSplitter .rspSlideHeader .rspSlideTitle{
    line-height:25px!important;
}
.RadSplitter .rspTabsContainer.rspRight .rspPaneTabText{
    line-height:1!important;
}
/********GENERAL*******************/
.clearfix,.clearfix::after,.clearfix::before{
    content:"";
    clear:both;
}
.inline-block{
    display:inline-block!important;
}
.inline{
    display:inline!important;
}

.pull-left,.left,.float-left{
    float:left;
}
.pull-right,.right,.float-right{
    float:right;
}

.padding-0,.p0{
    padding:0!important;
}
.padding-5,.p5{
    padding:5px!important;
}
.padding-8,.p8{
    padding:8px!important;
}
.padding-10, .p10{
    padding:10px!important;
}
.padding-20, .p20{
    padding:20px!important;
}
.padding-30, .p30{
    padding:30px!important;
}
.padding-70, .p70{
    padding:70px!important;
}
.padding-100, .p100{
    padding:100px!important;
}
.padding-150, .p150{
    padding:150px!important;
}
.hpadding-10, .ph10{
    padding-left:10px!important;
    padding-right:10px!important;
}
.hpadding-20, .ph20{
    padding-left:20px!important;
    padding-right:20px!important;
}
.hpadding-30, .ph30{
    padding-left:30px!important;
    padding-right:30px!important;
}
.padding-bottom-0,.pb0{
    padding-bottom:0!important;
}
.padding-bottom-10, .pb10 {
    padding-bottom: 10px !important;
}
.padding-right-0,.pr0{
    padding-right:0!important;
}
.padding-left-0,.pl0{
    padding-left:0!important;
}
.padding-top-2, .pt2{
    padding-top:2px!important;
}
.padding-top-5, .pt5 {
    padding-top: 5px !important;
}
.padding-top-10, .pt10{
    padding-top:10px!important;
}
.padding-top-20, .pt20{
    padding-top:20px!important;
}
.padding-top-30, .pt30{
    padding-top:30px!important;
}
.margin-0, .m0{
    margin:0!important;
}
.margin-10, .m10{
    margin:10px!important;
}
.margin-top-5, .mt5{
    margin-top:5px!important;
}
.margin-top-10, .mt10{
    margin-top:10px!important;
}
.margin-top-20, .mt20{
    margin-top:30px!important;
}
.margin-top-30, .mt30{
    margin-top:30px!important;
}
.margin-top-34, .mt34{
    margin-top:34px!important;
}
.margin-bottom-0, .mb0 {
    margin-bottom: 0 !important;
}
.margin-bottom-5, .mb5{
    margin-bottom:5px!important;
}
.margin-bottom-10, .mb10{
    margin-bottom:10px!important;
}
.margin-bottom-20, .mb20{
    margin-bottom:20px!important;
}
.margin-right-5, .mr5{
    margin-right:5px!important;
}
.margin-left-5, .ml5 {
    margin-left: 5px !important;
}

.pointer:hover{
   cursor:pointer;
}

.center,.align-center,.text-center{
    text-align:center;
    vertical-align:middle;
    margin:auto;
}
.table-center{
    margin-left:auto;
    margin-right:auto;
}
.align-left,.text-left{
    text-align:left;
}
.align-right,.text-right{
    text-align:right;
}
.lighter{
    font-weight:300;
}
.bold{
    font-weight:500;
}
.bolder{
    font-weight:600!important;
}
.space {
    margin: 12px 0;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
[class*="vspace-"] {
    display: none;
}
.space-4 {
    margin: 4px 0;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
[class*="vspace-4"] {
    margin: 4px 0;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
.space-8 {
    margin: 8px 0;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
[class*="vspace-8"] {
    margin: 8px 0;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
.space-32 {
    margin: 32px 0 31px;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
[class*="vspace-32"] {
    margin: 32px 0 31px;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
}
.hspace {
    margin: 0 12px;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    display:inline-block;
}
.hspace-6 {
    margin: 0 6px;
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    display:inline-block;
}
.img-responsive{
    max-width:100%;
}

.row{
   text-align:left;
}
.row::after, .row::before {
    clear: both;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-1-5, .columns-4 > div, .columns-5 > div, .columns-6 > div, .columns-3 > div {
    float: left;
    padding-left: 12px;
    padding-right: 12px;
}
.row > div:first-child, .columns-4 > div:nth-child(4n+1), .columns-5 > div:nth-child(5n+1), .columns-6 > div:nth-child(6n+1), .columns-3 > div:nth-child(3n+1) {
    padding-left: 0;
}
.row > div:last-child{
    padding-right:0;
}
.col-1{
    width:8.33%;
}
.col-2, .columns-6 > div {
    width: 16.66%;
}
.col-3, .columns-4 > div{
    width:25%;
}
.col-4, .columns-3 > div {
    width: 33.33%;
}
.col-5{
    width:41.66%;
}
.col-6{
    width:50%;
}
.col-7{
    width:58.33%;
}
.col-8{
    width:66.66%;
}
.col-9{
    width:75%;
}
.col-10{
    width:83.33%;
}
.col-11{
    width:91.66%;
}
.col-12{
    width:100%;
    padding:0;
}
.col-1-5, .columns-5 > div {
    width: 20%;
}

.smaller-60 {
    font-size: 60% !important;
}
.smaller-70 {
    font-size: 70% !important;
}
.smaller-80 {
    font-size: 80% !important;
}

.bigger-120 {
    font-size: 120% !important;
}
.bigger-140 {
    font-size: 140% !important;
}
.bigger-180 {
    font-size: 180% !important;
}
.bigger-200 {
    font-size: 200% !important;
}

.width-100{
    width:100%;
}

.widget{
    border:solid 1px #007CBC;
}
.widget > .widget-header{
    background-color: #007CBC;
    color:white;
    font-weight:500;
    padding:2px;
}
.widget > .widget-header b{
    font-weight:600;
    font-size:14px;
}
.widget > .widget-content{
    background-color: white;
    overflow:auto;
}
.widget > .widget-footer{
    background-color: #007CBC;
    color:white;
    padding:2px;
}
.widget > .widget-footer a{
    color:white;
}
.widget > .widget-footer a:hover{
    color:#bae2f6;
}

.widget2 {
    background-color: #fff;
    color: #212121;
    border: 1px solid #d6d6d6;
    padding:15px;
    margin-bottom:10px;
}
.widget2 > .widget-header {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    padding:5px;
    color:white;
}
.widget2 > .widget-header .fa, .note-item > .header .fa {
    display: block;
    border-radius: 999px;
    font-size: 1.3em;
    color: white;
    border: solid 3px white;
    width: 36px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-top: -7px;
    margin-left: -14px;
    margin-right: 5px;
}
.note-item > .header .fa {
    font-size: 1.1em;
    width: 30px;
    line-height: 24px;
    margin-left: 0;
}
.widget2 > .widget-content {
    margin-bottom: 0;
    font-size: .820rem;
    font-weight: 400;
}
.widget2 > .widget-header.c1 {
    background-color: #a2daf5;
}
.widget2 > .widget-header.c2 {
    background-color: #e20000;
}
.widget2 > .widget-header.c3 {
    background-color: #9d9832;
}
.widget2 > .widget-header.c4 {
    background-color: #007eba;
}
.widget2 > .widget-header.c5 {
    background-color: #b86766;
}
.widget2 > .widget-header.c6 {
    background-color: #ff4c06;
}
.widget2 > .widget-header.c7 {
    background-color: #04823b;
}

.widget2 > .widget-header.c1 .fa, .note-item > .header.c1 .fa {
    background-color: #a2daf5;
}
.widget2 > .widget-header.c2 .fa, .note-item > .header.c2 .fa {
    background-color: #e20000;
}
.widget2 > .widget-header.c3 .fa, .note-item > .header.c3 .fa {
    background-color: #9d9832;
}
.widget2 > .widget-header.c4 .fa, .note-item > .header.c4 .fa {
    background-color: #007eba;
}
.widget2 > .widget-header.c5 .fa, .note-item > .header.c5 .fa {
    background-color: #b86766;
}
.widget2 > .widget-header.c6 .fa, .note-item > .header.c6 .fa {
    background-color: #ff4c06;
}
.widget2 > .widget-header.c7 .fa, .note-item > .header.c7 .fa {
    background-color: #04823b;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.flex-container > div {
    padding: 5px;
    margin:0 1%;
    width: 48%;
    border-bottom: 1px solid #e9e9e9;
}
.form-group b{
    font-weight:normal;
}
.form-group .control-label {
    display:inline-block;
    width:30%;
    font-weight: bold;
    margin-left: 10px;
    text-align:left;
}
.form-group .control-content {
    display: inline-block;
    width: 65%;
}

.list-striped {
}
.list-striped > .item{
    padding:7px;
}
.list-striped > .item:nth-child(2n) {
    background-color: #F0F0F0;
}

.DetailsMenu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.DetailsMenu li{
    display:inline-block;
}

.btn-group{
    display:inline-block;
    border:solid 1px #c1c1c1;
    border-radius:4px;
    padding-left:1px;
}
.btn-group > label,.btn-group > input,.btn-group > select, .btn-group > div{
    display:inline-block;
    border:none;
    border-right:solid 1px #c1c1c1;
    height:27px;
    line-height:27px;
    vertical-align:top;
    font-weight:400;
    border-radius:0;
}
.btn-group > a{
    padding:0 8px!important;
    display:inline-block;
    border:none;
    border-right:solid 1px #c1c1c1;
    height:27px;
    line-height:27px;
    font-weight:400;
    border-radius:0!important;
}
.btn-group > .last-item{
    border:none;
}
.btn-group > label{
    padding:0 5px;
}

.set-child-height100{
    height:100%
}
.set-child-height100 > div{
    height:100%
}

table.table-grid td{
    border:solid 1px #DEDEDE;
}
table.table-grid tbody th,table.table-grid thead th{
    background:#3AB4E5!important;
    color:white;
    border-top:solid 1px #3AB4E5;
    padding:5px;
    border-right:solid 1px #DEDEDE;
}
table.table-grid tbody th:first-child{
    border-left:solid 1px #3AB4E5;
}
table.table-grid tbody th:last-child{
    border-right:solid 1px #3AB4E5;
}
table.table-grid tbody td{
    border-right:solid 1px #DEDEDE;
    background-color:white;
    padding:3px;
}
table.table-grid tbody td:first-child{
    border-left:solid 1px #3AB4E5;
}
table.table-grid tbody td:last-child{
    border-right:solid 1px #3AB4E5;
}
table.table-grid tbody tr:first-child td{
    border-top:solid 1px #3AB4E5;
}
table.table-grid tbody tr:last-child td{
    border-bottom:solid 1px #3AB4E5;
}
table.table-grid tbody tr:nth-child(2n+1) td{
    background-color:#F8F4F5;
}

.seperatorStyle{
    color:#017BBC;
    border-bottom:solid 1px #017BBC;
    font-size:14px;
    font-weight:400;
    margin:10px 0 5px 0;
}

.form-control{
    display:inline-block;
    width:24%;
}
.form-control .form-label {
    display: inline-block;
    width:40%;
}
.form-control .form-value {
    display: inline-block;
    width: 50%;
}

table.table-form {
    width: 100%;
}
table.table-form > tr > td,table.table-form > tbody > tr > td{
    vertical-align:top;
    padding:3px;
}
table.table-form .label{ 
    white-space:nowrap;
    width:1px;
    font-weight:500;
    padding-top:5px;
}
table.table-form tr td.label:nth-child(n+2){ 
    padding-left:10px;
    padding-right:10px;
}
table.table-form .label-inner{
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}
table.table-form .text{
    padding-top:5px;
    font-weight:bold
}
table.table-form hr{
    padding:0;
    margin:5px;
}
table.table-form thead tr{
    border-bottom:solid 1px #eaeaea;
}
table.table-form thead tr td{
    font-weight:600;
    padding:8px 0;
}
table.table-form tr td > input[type=text] {
    min-width: 40px;
}
.MultipageWrapper table.table-form .label,
table.table-form.format-table .label {
    min-width: 100px;
}
.MultipageWrapper table.table-form .label:first-child, table.table-form th.label {
    min-width: 140px;
}
table.table-form .label-sm{
    min-width: 60px;
}
.quickCards table.table-form .label {
    min-width: 100px;
}

.tblStyle {
    font-size: 13px;
    font-weight: 500;
}
.tblStyle td{
    padding:5px;
}
.tblStyle .header{
    text-align:right;
    background-color:#3AB4E3;
    color:white;  
    font-size:14px;  
}
.tblStyle tr:nth-child(2n+1) .header {
    background-color:#62C2E8;
}
.tblStyle .data-item{
    text-align:center;
    background-color:#F8F4F5;
    border-right:#DEDEDE solid 1px;    
}
.tblStyle tr:nth-child(2n+1) .data-item{
    background-color:#FFFFFF;
}
.tblStyle .data-item:last-child{
    border-right:none;   
}
.tblStyle .Seperator{
    border:none;
    color:#007CBC;
    font-weight:600;
    font-size:16px;
}

.Categorize{
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:text-bottom;
    margin:0 2px;
}
.Roundit{
    border-radius:4px;
}
/*******COLORS*******************/
.black{
    color:#3c3c3c!important;
}
.white{
    color:white!important;
}
.lightblue{
    color:#3AB4E3!important;
}
.lightblue2{
    color:#7fd4f5!important;
}
.blue{
    color:#007CBC!important;
}
.darkblue{
    color:rgb(12,11,139)!important;
}
.gray,.grey{
    color:#b1b1b1!important;
}
.lightgray{
    color:#F5F5F5!important;
}
.green{
    color:#00843B!important;
}
.red{
    color:#DE0000!important;
}
.lightred{
    color:#be6565!important;
}
.orange{
    color:#ff5003!important;
}
.lightorange{
    color:#efa686!important;
}
.purple{
    color:rgb(143,4,193)!important;
}
.yellow {
    color: #fff203 !important;
}
.lightgreen {
    color: #93e8b9 !important;
}
.yellow2 {
    color: #9f9931 !important;
}
.lightgreen2 {
    color: #188649 !important;
}

.bg-transparent{
    background-color:transparent!important;
}
.bg-white{
    background-color:white!important;
}
.bg-lightblue{
    background-color:#3AB4E3!important;
}
.bg-lightblue2,.RadGrid_Default td.bg-lightblue2{
    background-color:#7fd4f5!important;
}
.bg-blue{
    background-color:#007CBA!important;
}
.bg-lightgray{
    background-color:#F5F5F5!important;
}
.bg-green{
    background-color:#00843B!important;
}
.bg-lightgreen,.RadGrid_Default td.bg-lightgreen{
    background-color:#93e8b9!important;
}
.bg-red{
    background-color:#DE0000!important;
}
.bg-lightred, .RadGrid_Default td.bg-lightred {
    background-color: #e18c8c !important;
}
.bg-orange{
    background-color:#ff5003!important;
}
.bg-yellow,.RadGrid_Default td.bg-yellow{
    background-color:#fff203!important;
}


.bd-transparent {
    border-color: transparent !important;
}
.bd-white {
    border-color: white !important;
}
.bd-lightblue {
    border-color: #3AB4E3 !important;
}
.bd-lightblue2 {
    border-color: #7fd4f5 !important;
}
.bd-blue {
    border-color: #007CBA !important;
}
.bd-lightgray {
    border-color: #F5F5F5 !important;
}
.bd-green {
    border-color: #00843B !important;
}
.bd-lightgreen {
    border-color: #93e8b9 !important;
}
.bd-red {
    border-color: #DE0000 !important;
}
.bd-lightred {
    border-color: #be6565 !important;
}
.bd-orange {
    border-color: #ff5003 !important;
}
.bd-yellow {
    border-color: #fff203 !important;
}


.eColor100,.eColor103{
    color:rgb(0,97,194);
}
.eColor100-1{
    color:rgb(0,97,194);
}
.eColor100-2{
    color:rgb(175,83,0);
}
.eColor100-3{
    color:rgb(1,152,11);
}
.eColor100-4{
    color:rgb(81,127,187);
}
.eColor102{
    color:rgb(114,95,239);
}
.eColor102-1{
    color:rgb(114,95,239);
}
.eColor102-2{
    color:rgb(69, 56, 154);
}
.eColor104{
    color:rgb(0,187,202);
}
.eColor105{
    color:rgb(1,118,1);
}
.eColor37{
    color:rgb(255,115,0);
}
.eColor2{
    color:rgb(0,181,255);
}
.eColor2-1{
    color:rgb(0,181,255);
}
.eColor2-2{
    color:rgb(0, 163, 230);
}
.eColor2-3{
    color:rgb(0, 147, 207);
}
.eColor2-4{
    color:rgb(0, 134, 189);
}
.eColor2-5{
    color:rgb(255,102,0);
}
.eColor2-6{
    color:rgb(212,19,20);
}
.eColor3{
    color:rgb(0,118,164);
}
.eColor4{
    color:rgb(0,148,0);
}
.eColor5{
    color:rgb(77,99,156);
}
.eColor6{
    color:rgb(0,119,164);
}
.eColor7,.eColor44{
    color:rgb(171,64,202);
}
.eColor1{
    color:rgb(0,177,255);
}
.eColor0{
    color:rgb(1,91,247);
}
.eColor10{
    color:rgb(189,170,31);
}
.eColor15{
    color:rgb(75,100,156);
}
.eColor17{
    color:rgb(190, 39, 178);
}
.eColor20{
    color:rgb(161,145,145);
}
.eColor14,.eColor51{
    color:rgb(159,5,3);
}
.eColor49{
    color:rgb(159,5,3);
}
.eColor50{
    color:rgb(195, 101, 100);
}
.eColor23{
    color:rgb(1,206,237);
}
.eColor24{
    color:rgb(129,190,221);
}
.eColor25{
    color:rgb(103, 169, 203);
}
.eColor27{
    color:rgb(103, 169, 203);
}
.eColor29{
    color:rgb(150,179,0);
}
.eColor38{
    color:rgb(175,83,0);
}
.eColor39{
    color:rgb(0,169,24);
}
.eColor40{
    color:rgb(237,125,124);
}
.eColor32{
    color:rgb(175,83,0);
}
.eColor41{
    color:rgb(250,49,223);
}
.eColor42{
    color:rgb(230,20,143);
}
.eColor43{
    color:rgb(1,213,234);
}
.eColor48{
    color:rgb(2,198,28);
}
.eColor55{
    color:rgb(75,100,156);
}
.eColor56{
    color:rgb(84,84,84);
}
.eColor60{
    color:rgb(84,84,84);
}
.eColor57{
    color:rgb(150,144,144);
}
.eColor58{
    color:rgb(255,69,192);
}
.eColor58-1{
    color:rgb(206, 48, 152);
}
.eColor58-2{
    color:rgb(164, 36, 120);
}
.eColor58-3{
    color:rgb(112, 36, 86);
}
.eColor59{
    color:rgb(82,63,144);
}
.eColor61{
    color:rgb(107,94,199);
}
.eColor101{
    color:rgb(0,181,168);
}
.eColor106{
    color:rgb(255,197,1);
}
.eColor107{
    color:rgb(0,181,168);
}
.eColor108,.eColor111{
    color:rgb(161,115,92);
}
.eColor109{
    color:rgb(17, 157, 213);
}
.eColor110{
    color:rgb(1,181,255);
}
.eColor112{
    color:rgb(0,97,192);
}
.eColor113{
    color:rgb(107,94,200);
}
.eColor66{
    color:rgb(254,70,194);
}
.eColor114 {
    color: rgb(24, 120, 24);
}
.eColor115 {
    color: rgb(91, 19, 96);
}

/*******BUTTONS*******************/
.btn{
    font-family:"Open Sans",Tahoma,sans-serif;
    display:inline-block;
    border-radius:6px!important;
    padding:6px 16px!important;
    border:none!important;
    font-size:14px!important;
    font-weight:400;
}
.btn-primary {
    background-color: #007CBC;
    color: #fff;
}
.btn-primary:hover {
    background-color: #4691d1;
    color: #fff;
}
.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.btn-warning:hover {
    background-color: #efb767;
    color: #fff;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.btn-success:hover {
    background-color: #00843B;
    color: #fff;
}
.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.btn-danger:hover {
    background-color: #DE0000;
    color: #fff;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-sm{
    padding:2px 8px!important;
}

.btn-1{
    background-color:#2ABAEC!important;
    color:white!important;
    box-shadow:2px 3px 4px rgba(0, 0, 0, 0.30);
}
.btn-1:hover{
    background-color:#24a7d4!important;
}

.btn-2{
    background-color:#007CBC!important;
    color:white!important;
}
.btn-2:hover{
    background-color:#006fa8!important;
}

.btn-3{
    background-color:#37B4E4!important;
    color:white!important;
}
.btn-3:hover{
    background-color:#24a7d4!important;
}

.btn-4{
    background-color:#efefef!important;
    color:#656565!important;
}
.btn-4:hover{
    background-color:#e0e0e0!important;
}

.ButtonStyle{
    background-color:#37B4E4;
    color:white;
    padding:3px;
    font-size:12px;
    font-weight:600;
}
.ButtonStyle:hover{
    background-color:#24a7d4;
    color:white;
}

/********CONTROLS**********************/
.smallButton #MainPart,.smallButtonIn #MainPart{
    padding:3px 8px;
    background-color:white;
    color:#007CBC;
    border:solid 1px #d1d1d1;
    border-radius:4px;
    font-weight:400;
}
.smallButton #MainPart:hover{
    background-color:#a0d5e9;
}
.smallButton #LeftPart #RightPart2 #MainPart,.smallButtonIn #LeftPart #RightPart2 #MainPart{
    border-right:none;
    border-radius:4px 0 0 4px;
}
.smallButton #LeftPart2 #RightPart #MainPart,.smallButtonIn #LeftPart2 #RightPart #MainPart{
    border-radius:0 4px 4px 0;
}
.smallButtonIn #MainPart{
    background-color:#4d88a7;
    color:white;
}
.DivContainer{
    background-color:white;
    border:solid 1px #b5b5b5;
    border-radius:4px;
    padding:1px 5px;
}
.gray-button .smallButton #MainPart{
    background-color:#F5F5F5;
    color:#4E4E4E;
}
.gray-button .smallButton #MainPart:hover{
    background-color:#ebebeb;
}
.blue-button .smallButton #MainPart{
    background-color:rgb(58, 180, 227);
    color:white;
}
.blue-button .smallButton #MainPart:hover{
    background-color:rgb(0, 124, 188);
}

.big-button #MainPart, .big-button .smallButtonIn #MainPart {
    border: none;
    border-radius: 0;
    padding: 2px;
}
.big-button #MainPart:hover {
    background-color: #007CBC;
    color: white;
}
.big-button .smallButton .fa, .big-button .smallButtonIn .fa {
    font-size: 2em;
    padding: 5px;
    display: block;
}


/*****Neon Alert************/

.neonAlert{
    position: absolute; 
    filter:Alpha(opacity=100);
    left: 180px; 
    top: 200px; 
    z-index: 10000; 
    max-width: 500px;
    background-color:white;
    border-radius:4px;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.49);
}
.neonAlert .panel-header{
    background:url(images/ico.png) left center no-repeat #007CBC;
    background-color:#007CBC;
    color:white;
    padding:5px 5px 5px 35px;
    font-size:14px;
    font-weight:500;
    border-radius:4px 4px 0 0;
}
.neonAlert .close{
    float: right; 
    cursor: pointer;
    font-size:20px;
    margin-top:-5px;
    margin-left:15px;
}
.neonAlert .panel-content {
    padding:10px;
    text-align:center;
}
.neonAlert.bottomRight{
    left:auto;
    top:auto;
    bottom:10px;
    right:10px;
}
.neonAlert.TopMiddle{
    left:50%;
    top:10px;
    margin-left:-150px;
}
.neonAlert.absMiddle{
    left:50%;
    top:40%;
    margin-left:-150px;
}
/*********************myButton*********************/
.myButton{
    display:inline-block;
    color:#007CBC;
    padding:2px 5px;
}
.myButton:hover,.myButton:hover .fa{   
    color:white!important;
    background-color:#007CBC;
}
.myButton[disabled]{
    color:gray;
}

/*********************MenuContaigner*********************/
.MenuContainer{
    background-color:white;
    border:solid 1px #017BBC;
    border-radius:4px;
    margin:3px;
}
.MenuContainer .panel-footer {
    background-color:#007CBC;
    color:white;
    text-align:center;
    font-weight:500;
    font-size:12px;
    line-height:14px;
}

/*********************MainMenu*********************/
.MainMenuDiv{
    background-color:#F5F5F5;
    border:1px solid #DEDEDE;
    border-radius:4px;
    font-weight:400;
}
.MainMenuDiv .MenuContainer .panel-content > table > tbody > tr > td,.MainMenuDiv .RadMenu.MenuCSS{
    border-left:solid 1px #007CBC!important;
}
.MainMenuDiv .MenuContainer .panel-content > table > tbody > tr > td:first-child, .MainMenuDiv .MenuContainer .panel-content td .RadMenu.MenuCSS:first-child{
    border-left:none!important;
}
.MainMenuDiv .MenuContainer .panel-content td .myButton,.MenuCSS ul li > div > a{
    display:block;
    min-width:70px;
    margin:2px;
    text-align:center;
}
.MainMenuDiv .fa-3x{
    font-size: 2em;
    padding:5px;
}
.MainMenuDiv .MenuContainer .panel-content td:empty{
    display:none;
}

/*********************Letter Search*********************/
.LetterSearch{
    margin:5px 0;
    background-color:rgb(247, 247, 247);
    border:solid 1px #DEDEDE;
    border-radius:4px;
}
.LetterSearch table{
    width:100%;
}
.LetterSearch td{
    padding:5px;
    text-align:center;
}
.LetterSearch td a{
    color:#595959;
    font-size:14px;
}
.LetterSearch td a:hover{
    color:#8b8b8b;
}
.LetterSearch td:nth-child(1),.LetterSearch td:nth-child(2),.LetterSearch td:nth-child(3){
    border-right:solid 1px #DEDEDE;
}

/***************************neonWindow********************/

.neonWindow{
    background-color:white;
    border-radius:6px;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
    position: absolute; 
    top: 70px; 
    left: 70px; 
    z-index: 4999;
}
.neonWindow .neonWindow-header{
    background:url(images/ico.png) left 5px center no-repeat #007CBC;
    padding:5px 5px 5px 40px;
    color: white;
    font-weight:500;
    font-size:16px;
    border-radius:6px 6px 0 0;
}
.neonWindow .neonWindow-header a.neonWindow-close{
    color: #93c9e5;
}
.neonWindow .neonWindow-header a.neonWindow-close:hover{
    color: white;
}
.neonWindow .neonWindow-footer{
    min-height:40px;
    color: white;
    font-weight:400;
    font-size:15px;
    border-radius:0 0 6px 6px;
    text-align:center;
    background:url(images/producer_footer.png) center center no-repeat #007CBC;
}

/***************************popupSelect********************/
.popupSelect {
    border:solid 1px #CDCDCD; 
    border-radius:4px;      
    background-color:white;
    border-collapse:separate;
    line-height:24px;
}
.popupSelect .popupCntlStyle{
    overflow:hidden;    
    padding-left:5px;
    width:100%;
}
.popupSelect .popupCntlStyle > div{
    border-right:solid 1px #CDCDCD;
    height: 24px; 
    width: 100%; 
    color: DarkGray; 
    font-size: 13px; 
    vertical-align: middle; 
    overflow-y: auto; 
    overflow-x: hidden;
}
.popupSelect .popupCntlStyle > div a{
    color: #3b3b3b; 
}
.popupSelect .popupCntlStyle > div a:hover,.popupSelect .popupCntlStyle > div .fa{
    color: #007CBC; 
}
.popupSelect .popupCntlStyle td > div > .inline{
    margin-right:5px;
}
.popup-clear, .popup-open, .popup-addnew, .popup-write {
    width: 0.01px;
}
.popup-clear a, .popup-open a, .popup-addnew a, .popup-write a {
    display: block;
    padding: 0 8px;
    background-color: #f3f3f3;
    border-right: solid 1px #CDCDCD;
    cursor: pointer;
}
.popup-clear a:hover, .popup-open a:hover, .popup-addnew a:hover, .popup-write a:hover {
    background-color: #e4e4e4;
}
.popup-addnew a{    
    color:green;    
}
.popup-clear a{    
    color:red;    
}
.popup-write a {
    color: #ea9125;
}
.popup-open a{    
    color:#007CBC;  
    border-right:none;
    border-radius:0 4px 4px 0;   
}
.popupSelect .RadComboBox .rcbInputCellLeft,.popupSelect .RadComboBox .rcbInputCellRight,.popupSelect .RadComboBox .rcbArrowCellLeft,.popupSelect .RadComboBox .rcbArrowCellRight{
    background-image:none;
}
.popupSelect .RadComboBox .rcbInputCell.rcbInputCellLeft input{
    border:none!important;
    padding:0 4px!important;
    margin-top:-6px;
}
.popupSelect .fa-caret-down{
    padding:0 5px 0 0;
}
.popupSelect.disabled{
   background-color:rgb(227,227,227);
}
/*******************TOOLTIP****************************/
.tooltip {
	position: relative;
	background: #F9F9F9;
	border: 1px solid #dcdcdc;
    font-size:12px;
    text-align:center;
    padding:5px;
    border-radius:4px;
}
.tooltip:after, .tooltip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip:after {
	border-color: rgba(249, 249, 249, 0);
	border-bottom-color: #F9F9F9;
	border-width: 10px;
	margin-left: -10px;
}
.tooltip:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #dcdcdc;
	border-width: 11px;
	margin-left: -11px;
}
.tooltip.arrow-right:after,.tooltip.arrow-right:before{
    left: 90%;
}

/***************RIFT POPUP************************/
.riftpopup{
    margin:0 2px 0 0;
}
.riftpopup .popup-input{
    margin:0;
}
.riftpopup .popup-dropdown{
    background-color:white;
    width: auto;
    border:solid 1px gray;
    padding:5px;
    position:absolute;
    max-height:300px;
    overflow:auto;
}
.riftpopup .popup-dropdown .popup-item{
    cursor:pointer;
    padding:5px;
    border-bottom:solid 1px gray;    
}
.riftpopup .popup-dropdown .popup-item:last-child{
    border-bottom:none;
}
.riftpopup .popup-dropdown .popup-item:hover{
    background-color:#f2f2f2;
}
.riftpopup .popup-lblselections .selection{
    margin-top:3px;
    display:inline-block;
    background-color:#4b8fd3;
    color:white;
    padding:2px;
    font-weight:bold;
    margin-right:4px;
    font-size:10px;
}
.riftpopup .popup-lblselections .selection .remove{
    color:white;
    padding:2px;
}

/******************MenuList*******************************/
.MenuList .MenuList-header{
    text-align:center;
    color:#017BBC;
    font-weight:500;
    font-size:20px;
}
.Help_Div .MenuList .MenuList-header{
    text-align:center;
    color:white;
    font-weight:500;
    font-size:18px;
    background-color:#3AB4E3;
}
.MenuList .MenuList-Content .seperatorStyle{
    text-align:right;   
}
.MenuList .MenuList-Content .seperatorStyle a{
    padding:1px;  
}
.MenuList .MenuList-Content .MenuList-image{
    margin-right:5px;
    float:left;
}
.MenuList .MenuList-Content  a{
    display:block;
    padding:2px;
}
.MenuList .MenuList-Content h5{
    font-size:14px;
    margin:3px;
}
.MenuList .MenuList-Content h5 small{
    font-weight:400;
}
.MenuList .MenuList-Content > .Horizontal a{
    float:left;
    border-top:solid 1px #017BBC;
    text-align:center;
    padding:5px;
}
.MenuList .MenuList-Content > .Horizontal.columns-2 a{
    width:50%;
}
.MenuList .MenuList-Content > .Horizontal.columns-2 a:nth-child(2n+1){
    border-right:solid 1px #017BBC;
}
.MenuList .MenuList-Content > .Horizontal.columns-2 a:nth-child(-n+2){
    border-top:none
}
.MenuList .MenuList-Content > .Vertical a{
    border-bottom:solid 1px #017BBC;
    padding:5px;
}
.MenuList .MenuList-Content > .Vertical a:last-child{
    border-bottom:none;
}

/**************************************************************/
/**************************************************************/
.login-section{
    max-width:500px;
    margin:auto;   
    text-align:center;
}
.login-section .logo{
    margin:40px 0 20px 0;
}
.login-box{
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #007BB9 0%, #00507B 80%) repeat scroll 0 0;
    border-radius: 6px;
    border: 2px solid #2ABAEC;
    border-radius: 6px;
    box-shadow: 3px 6px 8px rgba(0, 0, 0, 0.3);
    color: #2ABAEC;
    padding: 10px;    
}
.login-box .box-footer{
    border-top:solid 1px #005481;
    padding-top:10px;
}
.alert-box{
    display:block;
    color:white;
    margin:10px;
}
.mainDiv {
    display: block;
    width: 100%;
    height: 100%;
    border: solid 1px #9A9A9A;
    padding: 10px;
    overflow: auto;
    background: url('images/FortunetLogo.png') bottom right 8px no-repeat white;
}

.leftMainDiv{
     display:block;
    width:100%;
    height:100%;
    background-color:white;
    border:solid 1px #9A9A9A;
    overflow:hidden;
}

.alertContainer {
    width: 250px;
    position: fixed;
    top: 20px;
    right: 20px;
}
.alertPanel {
    cursor: default;
    margin: 5px;
    padding: 15px;
    font-size: 14px;
    color: white;
    padding: 7px 20px;
    background: rgba(221, 95, 0, 0.94);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 3px solid #ffffff;
    box-shadow:1px 1px 2px rgba(142, 142, 142, 0.7);
}
.alertClose {
    cursor: pointer;
    float: right;
    font-weight: bold;
    color: white;
    opacity: 0.5;
    margin-top:-7px;
    margin-right:-13px;
}
.alertClose:hover{
    color: white;
    opacity:1;
}
.alertMsg {
    cursor: pointer;
}

.MainTitle{
    color:#017BBA;
    background-color:#F5F5F5;
    border:solid 1px #DEDEDE;
    border-radius:3px;
    font-size:24px;
    font-weight:400;
    margin-bottom:5px;
}
.MainTitle .fa{
    padding:10px;
    border-right:solid 1px #DEDEDE;
}
.MainTitle .span{
    margin:10px;
}
.MainTitle2{
    color:white;
    background-color:#017BBA;
    font-size:24px;
    font-weight:500;
    padding:10px;
    text-align:center;
}

.MainMenuCRM {
    list-style: none;
    margin: 0;
    padding: 0;
}
.MainMenuCRM li{
    cursor:pointer;
    text-align:center;
    font-size:18px;
    padding:20px 10px;
    width:16%;
    vertical-align:top;
    color:#017BBE;
    font-weight:500;
    border:2px solid white;
}
.MainMenuCRM li i{
    font-size:40px;
    margin:10px 0;
}
.MainMenuCRM li .descr{
    font-size:13px;
    color:#515151;
    padding-top:10px;
}
.MainMenuCRM li:hover {
     border:2px solid #eaeaea;
}
.MainMenuCRM_Help h3{
    margin:0;
    padding:0;
}

.trancparent_Div{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.30);
    text-align:center;
    top:0;
    left:0;
    z-index:9999;
}

.leftMainDiv ul.menu{
    margin-top:10px;
}
.leftMainDiv ul.menu li{
    font-size:14px;
    color:#007CBC;
    font-weight:500;
    padding:5px;
}
.leftMainDiv ul.menu li:hover {
    color:white;
}
.leftMainDiv ul.menu li i{
    width:30px;
    text-align:center;
}
.leftMainDiv .menu .seperatorStyle{
    margin:10px;
}
.leftMainDiv .menu .seperatorStyle .fa{
    float:right;
    margin-top:7px;
}
.leftMainDiv ul.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mainMenu{
    list-style:none;
    padding:0;
    margin:0;
}
.mainMenu li a{
    font-size:16px;
    background-color:#3AB4E3;
    color:white;
    display:block;
    padding:6px 15px;
    border-bottom:solid 1px #207da3;
    border-top:solid 1px #b9e9fb;
}
.mainMenu li a:hover,.mainMenu li.selected a {
     background-color:#007CBC;
}
.mainMenu .fa{
    width:35px;
}

.MainHeader{
    background-color:#007CBC;
    padding:7px 10px;
    border-bottom:solid 1px black;
}
.MainHeader .logo {
    vertical-align: middle;
    width:250px;
    margin-top:-4px
}
.MainHeader .CRM {
    color: #F8F8F8;
    font-size: 20px;
    vertical-align: top;
    padding-top:5px;
    display:inline-block;
}
.MainHeader .user,.MainHeader .user a{
    color:white;
}

#MainFooter {
    border-top: solid 1px #99AABD;
    background-color:#007CBC;
    font-size:15px;
    padding:2px 10px;
    color:white;
}
#MainFooter li > a{
    display:inline-block;
    color:white;
    margin:0 10px 0 0;
    vertical-align:super;
}
#MainFooter li ul li a{
    color:white;
}
#MainFooter li ul li a:hover{
   text-decoration:underline;
}

.Help_Div{
    background-color:#F5F5F5;
    border:solid 1px #E5E5E5;
    padding:10px;
}

.loading-message{
    background-color:#007CBC;
    padding:15px;
    margin-left:-300px;
    position: absolute; 
    text-align: center; 
    vertical-align: middle;
    top: 25%;
    left:50%; 
    width: 600px;
    z-index: 10000;
    color:white;
    border-radius:6px;
}

.popupWindow{
    padding:0;
}
.popupWindow .widget .widget-header{
    background-color:#007CBC;
    padding:10px;
    color:white;
    text-align:center;
}
.popupWindow .widget-footer{
    padding:0;
}
.popupWindow .widget-footer .logo{
    height:50px;
    background:url(images/producer_footer.png) center center no-repeat #007CBC;
}
.popupWindow .widget-footer .menu{
    padding:10px;
    background-color:#F8F4F5;
    text-align:center;
}

.buttomContainerInner{
    text-align:right;
    padding:10px;
    background-color:#007CBC;
    color:white;
}
.buttomContainerInner a{
    color:#aecbd9;
}
.buttomContainerInner a:hover{
    color:white;
}
.neonWindow .buttomContainerInner{
    border-radius:0 0 6px 6px;
}

.columnsPanel{
    padding:5px;
}

.qsearch-advanced,.qsearch-simple{
    margin:0 2px;
}
.qsearch-advanced table tr td{
    padding:3px;
}

.TblTags{
    border-spacing: 1px;
    border-collapse: separate;
}
.TblTags td{
    padding:2px 8px;
    margin:1px;
}
.TblTags td.Off{
    background-color:#F5F5F5;
    color:#949494;
    border:solid 1px #BCBCBC;
    cursor:pointer;
}
.TblTags td.Current{
    background-color:#007CBC;
    color:white;
    border:solid 1px #007CBC;
}
.TblTagContents{
    background-color:#007CBC;
    padding:5px;
}
.TblTagContents a.menuItem{
    background-color:#3AB4E3;
    color:white;
    width:32%;
    display:inline-block;
    margin:1px;
    text-align:center;
}
.TblTagContents a.menuItem:hover {
    background-color: #3d9ec3;
}
.TblTagContents .underline, .TblTagContents .underline a {
    color: white;
}

.dashboard {
    width: 100%;
    vertical-align: top;
    border: solid 1px #F5F5F5;
    margin-top: 5px;
}
.dashboard td{
    vertical-align:top;
}
.dashboard .bg-lightgray h3.header{
   background-color:white;
}
.dashboard table{
    margin:5px 0;
}
.TodayActivities{
    width:100%;
}
.TodayActivities .container{
    display:inline-block;
    width:32%;
    background:#f1f1f1;
    margin:0.5%;
    padding:10px;
}

.global-search{
    width:100%;
}
.global-search td{
    vertical-align:top;
    border:10px solid #DEDEDE;
    padding:5px;
}

.selectCategory .MenuList .MenuList-Content .MenuList-image{
    float:none;
    display:block;
    font-size:200%;
}

.myWebSiteOath{
    padding:2px 0;
}
.sitemap-header{
    color:#007CBC;
    font-weight:500;
}
.sitemap-header .fa{
    margin-right:3px;
}
.sitemap-item{
    display:inline-block;
    color:#007CBC;
    border-left:solid 1px #007CBC;
    font-weight:500;
    padding:0 3px;
    line-height:1;
}

.char-counter {
    color: gray;
    font-size: 10px;
    height: 0;
    margin-right: 5px;
    position: relative;
    right: 0;
    text-align: right;
    top: 0;
}

.CustomStyle1{
    padding:5px 5px 5px 0;
    width:33%;
    display:inline-block;
    vertical-align:top;
}
.CustomStyle1 .label{    
    display:block;
    font-weight:500;
}
.CustomStyle1 .value,.CustomStyle1 .inline-block{
    width:100%;
    display:block;
    height:26px;
}

.SearchCtrl-grid td{
    padding:2px 0 2px 5px;
}

.SalesmenSliderSelection .rrRelativeWrapper{
    background-color:white;
}
.SalesmenSliderSelection .rrItem > div {
    height:100%;
}
.SalesmenSliderSelection .rrItem > div > a{
    display:table;
    height:100%;
    vertical-align:middle;
}
.SalesmenSliderSelection .rrItem > div > a > .image{
    display:table-cell;
    height:100%;
    vertical-align:middle;
    width:30%;
}
.SalesmenSliderSelection .rrItem > div > a > .text{
    display:table-cell;
    height:100%;
    vertical-align:middle;
    width:70%;
}
.SalesmenSliderSelection .rrItem > div > a span{
    font-size:24px;
}

.reportItem{
    width:99%;
    margin:3px 0;
}
.reportItem > tr > td,.reportItem > tbody > tr > td{
    padding:4px;
    border:1px solid #c9dfe8;
}
.reportItem > tr > td:nth-child(2),.reportItem > tbody > tr > td:nth-child(2) {
    width:100%;
}

.report-group-grid{
    border:none;
}
.report-group-grid > tbody > tr > td, .report-group-grid > tfoot > tr > td{
    border:none;
}
.report-group-item{
    border:solid 1px #d1d1d1;
    border-radius:6px;
    margin-bottom:10px;
}
.report-group-item-header{
    padding:5px;
    margin:2px;
}
.report-group-item-content {
    padding:0 10px;
}
.report-group-pager table{
   margin:auto;
}
.report-group-pager td{
    border:solid 1px #eeeeee;
    padding:3px 7px;
}

/*NOTES*/
.note-item {
    border: solid 1px #c8d3d8;
    margin:3px;
    border-radius:5px;
    background:white;
}
.note-item .header {
    padding: 10px;
    font-weight: 700;
}
.note-item .footer {
    border-top:  dashed 1px #8da1a9;
    opacity:0.7;
    text-align:right;
    padding:3px 10px;
}
.note-pager td{
    border:none;
}

/****RAD Scheduler******/
.RadScheduler {
    border-radius: 0 !important;
}
.RadScheduler .rsAptIn, .RadScheduler .rsAptMid, .RadScheduler .rsAptContent {
    border-color: #84abba !important;
    background-color: white !important;
    border-radius: 0 !important;
    color: #2d2e2f !important;
}

.radScheduler1 .rsAptIn, .radScheduler1 .rsAptMid, .radScheduler1 .rsAptContent {
    background-image: none !important;
    background-color: #41d985 !important;
    border-color:#02ac4d !important;
}
.radScheduler2 .rsAptIn, .radScheduler2 .rsAptMid, .radScheduler2 .rsAptContent {
    background-image: none !important;
    background-color: #e57676 !important;
    border-color: #d83737 !important;
}
.radScheduler3 .rsAptIn, .radScheduler3 .rsAptMid, .radScheduler3 .rsAptContent {
    background-image: none !important;
    background-color: #eaa94d !important;
    border-color: #aa7f19 !important;
}
.radScheduler4 .rsAptIn, .radScheduler4 .rsAptMid, .radScheduler4 .rsAptContent {
    background-image: none !important;
    background-color: #83b0dc !important;
    border-color: #1963aa !important;
}
.radScheduler5 .rsAptIn, .radScheduler5 .rsAptMid, .radScheduler5 .rsAptContent {
    background-image: none !important;
    background-color: #d383dc !important;
    border-color: #aa199a !important;
}
.radScheduler6 .rsAptIn, .radScheduler6 .rsAptMid, .radScheduler6 .rsAptContent {
    background-image: none !important;
    background-color: #b2dc83 !important;
    border-color: #6aaa19 !important;
}
.radScheduler7 .rsAptIn, .radScheduler7 .rsAptMid, .radScheduler7 .rsAptContent {
    background-image: none !important;
    background-color: #4bbde9 !important;
    border-color: #1982aa !important;
}
.radScheduler8 .rsAptIn, .radScheduler8 .rsAptMid, .radScheduler8 .rsAptContent {
    background-image: none !important;
    background-color: #d8dc83 !important;
    border-color: #aaa319 !important;
}
.radScheduler9 .rsAptIn, .radScheduler9 .rsAptMid, .radScheduler9 .rsAptContent {
    background-image: none !important;
    background-color: #83dcd7 !important;
    border-color: #1970aa !important;
}
.radScheduler10 .rsAptIn, .radScheduler10 .rsAptMid, .radScheduler10 .rsAptContent {
    background-image: none !important;
    background-color: #dc8383 !important;
    border-color: #aa1919 !important;
}


@media print {
    body, html, form {

        overflow: visible !important;
        background-color: White;
    }

    .NoPrint,.Add2List {
        display:none;
    }
}

