﻿
@media (max-width: 480px) {
    .fontlogo {font-weight: bold; font-size: 25px;}
    .fontlogo_copy {vertical-align: top; font-size: 10px; color: #717171 }
    .fontlogo_sub {font-size:12px; padding-left: 22px; position:relative; top: -5px; color:#919191}
    .fonthead {  font-size:40px !important; }
    .fontsub {  font-size:12px !important; }
    .div_head { display: none; }
    .main_scroll { height: 100px; }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .fontlogo {font-weight: bold; font-size: 25px;}
    .fontlogo_copy {vertical-align: top; font-size: 10px; color: #717171 }
    .fontlogo_sub {font-size:12px; padding-left: 22px; position:relative; top: -5px; color:#919191}
    .div_head { display: none; }
    .main_scroll { height: 100px;}
    .s_margin { margin-right: 2px; }
    .menu_xs_media {display: none;}
}

/*@media (max-height: 768px) {
    .fontlogo {font-weight: bold; font-size: 30px;}
    .fontlogo_copy {vertical-align: top; font-size: 12px; color: #717171 }
    .fontlogo_sub {font-size:13px; padding-left: 30px; position:relative; top: -5px; color:#919191}
    .div_head { display: none !important; }
}*/

@media (min-width: 1025px) {
    .fontlogo {font-weight: bold; font-size: 30px;}
    .fontlogo_copy {vertical-align: top; font-size: 12px; color: #717171 }
    .fontlogo_sub {font-size:14px; padding-left: 30px; position:relative; top: -7px; color:#919191}
    .div_head { display: block; }
    .s_margin { margin-right: 2px; }
    .menu_xs_media {display: none;}
}

.label {
    letter-spacing: .07em;
}


.row_logo {
    padding-top: 15px;
    padding-left: 5px;
    margin-bottom: 10px;
}


.menu {
    cursor: pointer;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    /*border-radius: 2px;*/
    color: #fff;
    /*text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    background-image: linear-gradient(to bottom,#454d89 0,#375681 100%) !important;*/
}

.info_text_bg {
    background-image: linear-gradient(to bottom,#446E8A 0,#376788 100%) !important;
}

.menubg {
    min-height: 30px;
    padding-top: 2px;
    /*border-top: 1px solid #3E8F3E;*/
    /*background-image: linear-gradient(to bottom,#73C173 0,#419641 100%);*/
    border-top: 1px solid #3a3a3a;
    background-image: linear-gradient(to bottom,#515151 0,#313131 100%);
}

.menu:hover {
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);*/
    background-image: linear-gradient(to bottom,#2ebd3b 0,#2ebd3b 100%);
    color: #fff;
}

.menu_selected  {

   -moz-box-shadow: inset 0 1px 0 0 #5080A0;
   -webkit-box-shadow: inset 0 1px 0 0 #5080A0;

    border: 1px solid #2A4354;
    border-bottom: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);*/
    background-image: linear-gradient(to bottom,#446E8A 0,#446E8A 100%) !important;
    /*background-image: linear-gradient(to bottom,#626262 0,#525252 100%) !important;*/
    /*background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%) !important;*/
    color: #fff;
    font-weight: bold;
    /*background-color: #525252;
    background-color: #5cb85c !important; */
}

.menu_float {
    margin: 0px;
    margin-right: 5px;
    float:right;
    padding-bottom:3px;
    padding-top:3px;
}


.menu_xs {
    /*padding-top: 10px !important;*/
    margin-left: auto;
    margin-right: auto;
    display: none;
    width: 100%;
    position: absolute;
    padding: 5px;
    min-height: 70px;
    border-radius: 2px;
    box-shadow: 1px 1px 5px 1px #9f9f9f;
    border:1px solid #7a7a7a;
    border-top:none;
    background-color: #fff; 
    z-index: 5000;
}

.menu_xs_spacer {
    display: block;
    margin-bottom: 5px;
}

.menu_xs_btn {
    padding: 3px;
    cursor: pointer; 
    font-size: 22px;
    color: #000;
}

.menu_xs_btn:hover {
    border-radius: 2px;
    box-shadow: 1px 1px 1px 1px #9f9f9f;
}

.menu_user {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 2px;
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    /*box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    background-image: linear-gradient(to bottom,#454d89 0,#375681 100%) !important;*/

    color: #fff;
    font-weight: bold;
}

.menu_user_float {
    margin: 0px;
    margin-left: 5px;
    float:left;
    padding-bottom:3px;
    padding-top:3px;
}


.fonthead {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
}

.fontsub {
    font-size: 14px;
    padding:0px;
    margin: 0px;
    color: #fff;
    padding-left: 20px;
}


#body {
    color: #efefef;
    font-family: verdana    ;
}

.ra_client {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    /*background-color: #003f72;*/
    color: #fff;
    background-image: linear-gradient(to bottom,#446E8A 0,#376788 100%) !important;
    /*font-size: 16px;*/
}

.ra_cou {
    /*padding-left: 20px;*/
    /*background-color: #c9cac8;*/
    padding-top: 1px;
    padding-bottom: 0px;
    /*background-color: #4d4f53;*/
    background-image: linear-gradient(to bottom,#CBD5DB 0,#CBD5DB 100%) !important;
    color: #444;
    cursor: pointer;
}

.ra_cou_col {
    padding-top:2px;
    padding-bottom:2px;
    font-weight: bold !important;
}

.ra_cli {
    /*padding-left: 40px;*/
    cursor: pointer;
    padding-top: 1px;
    padding-bottom: 1px;
    /*background-color: rgba(81, 110, 135, 1.0) !important;*/
    background-image: linear-gradient(to bottom,#eee 0,#ddd 100%) !important;
    color: #444;
    /*border-bottom: 1px solid rgba(62, 85, 104, 1.0);*/
    border-bottom: 1px solid #bbb;
}
.rm_only {
    border: 2px solid #4088c7;
    border-radius: 4px;
}

.ra_cli_border {
    padding-top:2px;
    padding-bottom:2px;
    /*border-bottom: 1px solid rgba(81, 110, 135, 1.0);*/
}

.ra_loc {
    padding-top: 1px;
    padding-bottom: 1px;
    color: #5a5a5a !important;
}

.ra_loc_col {
    padding-top:2px;
    padding-bottom:2px;
}

.ra_spacer {
    margin-bottom: 10px;
}

.num {
    text-align: right !important;
}

.num_red {
    color:red;
    font-weight: bold;
}


.pcent {
    text-align: right !important;
}

.ra_status {
    vertical-align: middle;
    display:inline-block;
    border: 1px solid #000;
    border-radius: 3px;
    cursor: pointer; 
    height: 14px;
    width: 14px;
}

.ra_status_grey { background-color: #CCCCCC; }
.ra_status_green { background-color: #2ebd3b; }



/*@media screen and (min-width: 768px) {
    .modal-dialog{
        position: absolute;
        left: 50%;
        margin-left: -312px;
        height: 500px;
        top: 50%;
        margin-top: -250px;
    } 
}*/

textarea {
    resize: none;
}

.loc_row {
    border-top: 1px solid #efefef; 
    border-bottom: 1px solid #efefef; 
    cursor: pointer; 
    padding: 4px;
}

.loc_row:hover {
    background-color: #e1ebf5 !important;
}

.borderd {
    border: 2px solid #5a5a5a;
}

.va {
        vertical-align:middle !important;
}


/*.modal-dialog{
  width: 70%
}*/
    

/*.modal-open[style] {
padding-right: 0px !important;
}*/

.csr_p {
    cursor: pointer;
}

.popover {
    max-width: 400px;
}

link { }

.link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*input {
    padding-left: 4px;
}*/

.form-horizontal .form-group {
    margin-bottom: 8px !important;
}

.border {
    border: 1px solid #bababa;
}

.bs_rowspace_s {
    margin-top: 10px;
}

.bs_rowspace {
    margin-top: 20px;
}

.bs_shadow {
    box-shadow: 2px 3px 3px 0px #9f9f9f;
}

.bs_shadow2 {
    box-shadow: 5px 2px 10px 3px #9f9f9f;
}

.col_height_m {
    height: 30px;
    vertical-align: middle !important;
}

.col_height_l {
    height: 40px;
    vertical-align: middle !important;
}

.vert-a {
    /*line-height: 30px;*/
    /*display: inline-block !important;
    vertical-align: middle !important;*/
    vertical-align: middle !important;
}

.numeric {
    text-align: right;
}

.bg_help {
    background: #4088c7; /* Old browsers */
    background: -moz-linear-gradient(top,  #4088c7 0%, #2e6da3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4088c7), color-stop(100%,#2e6da3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4088c7 0%,#2e6da3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4088c7 0%,#2e6da3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4088c7 0%,#2e6da3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4088c7 0%,#2e6da3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4088c7', endColorstr='#2e6da3',GradientType=0 ); /* IE6-9 */

    color: white !important;
    font-weight:bold;
    cursor: help;
}


.adm_cli_row {
    border-bottom: 1px solid #efefef; 
    cursor: pointer; 
    padding: 4px;
}

.adm_cli_row:hover {
    background-color: #e1ebf5 !important;
}

.modal-dialog {
  width: 80%;
  margin-left:auto;
  margin-right:auto; 
}

.chosen-container-single .chosen-single {
    height: 30px !important;
    border-radius: 3px !important;
    border: 1px solid #CCCCCC;
}
.chosen-container-single .chosen-single span {
    padding-top: 2px;
}
.chosen-container-single .chosen-single div b {
    margin-top: 2px;
}

.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #ccc !important;
    border-color: rgba(82, 168, 236, .8) !important;
    outline: 0 !important;
    outline: thin dotted \9 !important;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6) !important;
    box-shadow: 0 0 8px rgba(82, 168, 236, .6) !important
}
