.bg-light-blue td{color: #000 !important;}

.box-header { color: #444; display: block; padding:8px 12px !important; position: relative;}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title { display: inline-block; font-size: 18px !important; margin: 0; line-height: 1; 
font-weight:bold;}
.navbar-nav { margin:3.5px 0px;}

a{display: inline-block; cursor:pointer;}
.main-header .sidebar-toggle {padding:21px 20px;}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #133743;
}
.main-header .logo {line-height: 62px;}

.main-sidebar {padding-top: 60px;}
.main-header .logo {height: 62px;}
.skin-blue .main-header .navbar {
    background-color: #133743;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #5b6167;
}
.skin-blue .main-header .logo {
    background: #133743;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.sidebar-menu>li>a {
    padding: 8px 5px 8px 15px;
    display: block;
    font-size: 14px;
}

.skin-blue .main-header .logo {
    background: #133743;
    color: #fff;
    border-bottom: 0 solid transparent
}
    .skin-blue .main-header .logo:hover {
        background: #133743;
    }

.bor1{border:1px solid #ccc;}

.callout p{font-size:16px;}

.lhs_div .sidepanel {margin: 0 0 10px;padding: 14px 0px 7px;border: 0px solid #ccc;}
.lhs_div .sidepanel .fa{padding:0 6px 0 0px;}
.widget_page h1{font-size: 20px; margin:20px 10px;
    vertical-align: middle; text-transform:none;}
.widget_categories h3{color:#fff;}
.rhs_div{height:820px;}
.rhs_div hr{margin:4px;}
.rhs_div h3{ margin: 0 0 8px; float:left;}
.white_bg{background:rgba(255,255,255,1);}


.no_pad{padding:0px;}
.mar10lr{margin:0 10px;}
.mar10tb{margin:10px 0px;}
.mar6tb {margin: 6px 0px;}

.font-gree{color:#679408;}
.font-red { color: #c00;}
.font-blue{color:#1f497d;}
.font-light-blue {
    color: #3c8dbc;
}

.font-teal {
    color: #39cccc;
}
.font20px{font-size:20px;}
.font26px{font-size:26px;}
.font28px{font-size:28px;}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center !important;}
.text-justify{text-align:justify}

.alcap{text-transform:uppercase;}

.bor_blk{border:solid 1px #000;}
.bor_dgry{border:solid 1px #ddd;}

.box-header-up { color: #444; display: block; padding:4px 10px !important; position: relative; }
.box-header label{display:inline-block; font-weight:bold; font-size:10px;}
/*
.box-header ul {margin:0px; padding:0px;}
.box-header ul li img{margin:0 4px 0 0;}
.box-header ul li{list-style:none; display:inline-block; padding:0 2px;}*/

.box-top { color: #444; display: block; padding: 5px !important; position: relative; background:url(../img/top-bg.png) repeat-x; }
.box-top label{display:inline-block; font-weight:bold; font-size:10px;}
.box-top ul {margin:0px; padding:0px;}
.box-top ul li img{margin:0 4px 0 0;}
.box-top ul li{list-style:none; display:inline-block; padding:0 2px;}

.box-top.with-border {border-bottom: 1px solid #f4f4f4; }
.box.box-solid.box-info>.box-top a, .box.box-solid.box-info>.box-top .btn {color: #000;}

.box-top>.box-tools { position: absolute; right: 10px; top: 5px; }

.box-top2 { color: #444; display: block; padding: 5px !important; position: relative; background:#fff; }
.direct-chat-station{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:10px;
height:100px;overflow:auto}
.station-list .direct-chat-station{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:10px;
height:100px;overflow:auto}
.direct-chat-station a strong{font-size:40px}

/**/.direct-chat-station a{color:#000; font-size:25px; line-height:39px; }
.direct-chat-station a:hover{color:#fff;}
.direct-chat-station .station ul {margin:0px; padding:0px;}
.direct-chat-station .station ul li img{display:block; text-align:center; margin:auto; width:auto;}
.direct-chat-station .station ul li{font-size:14px;list-style:none; display:inline-block; padding: 9px 2px; margin:2px 1px; width: 92px; border: solid #ccc 1px; background: #ccc; vertical-align:top;
text-align:center; text-transform:capitalize; line-height:16px;}

.station-list{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:4px;
height:auto;overflow:auto}
.popup-height{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:10px;
height:560px;overflow:auto}

.box-header>.box-tools {position: absolute;right: 6px;top: 0px;}
.head-plus-btn button{border-radius:0px 8px 0px 0px; margin:-1px -7px 0px 0;}

.content {padding: 10px; margin-bottom:0px; margin-right: auto; margin-left: auto; }
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size:42px !important;}

/*new layout*/
.top_com_name {
    margin: 8px 8px;
    font-size: 32px !important;
}

.top-btn-station{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:2px;
height:auto;overflow:auto}
.top-btn-station a{color:#000;}
.top-btn-station a:hover{color:#c00;}
.top-btn-station ul {margin:0px; padding:0px;}
.top-btn-station ul li img{display:block; text-align:center; margin:auto; width:100%}
.top-btn-station ul li{list-style:none; display:inline-block; padding:0 8px; margin:10px 5px;  width:79px; border:solid #000 0px; vertical-align:top;
text-align:center; text-transform:capitalize; line-height:14px;}

.top-btn-station .btn-default {color: #000;}
.top-btn-station .btn-default:hover {color: #fff;}

.table-responsive {width: 100%;}

.box-body {padding:4px;}
.top-btn-station .col-lg-6{padding:7px; margin:0px;}
.top-btn-station .col-lg-12{padding:7px; margin:0px;}
.btn-inline-block {display:inline-block; width:auto;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;min-height: 1px;
padding-right: 6px;
padding-left: 15px;}

.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: 3px !important;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #909295;
}
.table { width:100% !important; max-width:auto;}
.table>thead:first-child>tr:first-child>th { border: 1px solid #909295 !important;}
.table>thead>tr>th {background:#f4f4f4; text-align:center !important; width:auto;color: #000 !important;}

.table > tbody > tr > td {
    background:rgba(255,255,255,0);
    text-align: center; vertical-align: middle;
}
.search-para .box-header> .box-tools { position: absolute; right: 0px; left: 170px !important; top: 2px !important;}

.bg_title{background:#d2d6de;}
.col-white{color:#fff;}
.link-white a{color:#fff;}

.stn-pop .title-tt{margin:10px 0; font-size:16px;}
.stn-pop p{margin:16px 0px;}
.stn-pop .radio{/*margin:12px 16px;*/}
.stn-pop b, strong{font-weight:bold;}

.stn-pop .callout p {
    margin: 2px 0px;
}
.box.box-solid.box-info {
    border:1px solid rgba(141,141,141,0.3);
}
.box {background: #fafafa;}

.content-wrapper {background-color: #fff;}


.sta_graph .box {background: #fff;}
.sta_graph .station-info .box-header {
    color: #444;
    display: block;
    padding: 10px !important;
    position: relative;
}
.sta_graph .dropdown-menu li > a:hover, .sta_graph .dropdown-menu li > a:focus, .sta_graph .dropdown-submenu:hover > a {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #fff !important;
}


/*popup div*/
button.close {
    margin-top: 0px !important;
    margin-right: -8px;
    -webkit-appearance: none;
    padding: 0;
    color: #fff;
    cursor: pointer;
    background: rgba(255,0,0,1);
    border: solid #c00 1px;
    padding: 4px 8px;
    opacity: 0.9;
}
.modal button{ font-size:14px !important;}
.modal-2nd button{ font-size:14px !important;}
.top-btn-station .btn-primary { background-color:#d1d3d4; border-color:#d1d3d4;}
.top-btn-station .btn-primary:hover { background-color:#0077c0; border-color:#0077c0;}
.top-btn-station .btn-primary:focus { background-color:#0077c0; border-color:#0077c0;}
.modal-dialog-full { width:97% !important; margin: 30px auto; }

.bg-gray,.callout.callout-gray,.alert-gray,.label-gray,.modal-gray .modal-body{background-color:#cccccc !important}
.callout.callout-gray {border-color: #b8b8b8;}

.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body{background-color:#00a65a !important}
.callout.callout-success {border-color: #00733e;}
.callout {
    border-radius: 3px;
    margin: 0 0 4px 0;
    padding:4px 30px 4px 15px;
    border-left: 5px solid #eee;
}


.modal .modal-header {
    background: #65828c;
    color:white;
}
.modal-dialog { width:99%; margin:5px auto; }
.modal-header {padding:2px 10px;}
.modal-footer {background:url(../img/foot-bg.png)top left repeat-x; padding:4px 6px;}

.modal-3rd{z-index:9999 !important;}

.modal-2nd{z-index:9980;}
.modal-2nd label{ display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight:normal; }
.modal-2nd .form-control {height:24px; padding:0px 6px;}
.modal-2nd input[type="number"] {width:95px; display:inline-block;}

.stn-pop .copystn .radio {margin:2px 8px;}
.stn-pop .copystn .form-group label, input[type="password"] {width:150px; display:inline-block;}

.stn-pop .copystn .form-group label, input[type="text"], input[type="password"], input[type="number"] {width:150px; display:inline-block;}

.bor_bottm{border-bottom:solid #ddd 2px;}
.bor_right {
    border-right: solid #ddd 1px;
}

.modal-2nd .title-tt{margin: 2px 0; font-size:15px;}
.modal-2nd .form-group { margin-bottom:4px; }
.modal-2nd .btn-group-sm>.btn, .btn-sm { padding: 2px 10px; }

/*Edit station*/
.stn-pop2{padding:4px !important;}
.grid-pop2-sac{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:2px;
height:340px;overflow:auto}
.grid-pop2-sac_e {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 2px;
    height: 400px;
    overflow: auto
}
.edit-rt-sec{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);overflow:auto}
.edit-rt-sec a{color:#000; display:block; font-weight:bold; font-size:12px; font-family:Arial;}
.edit-rt-sec a:hover{color:#1f497d;}
.edit-rt-sec ul {margin:0px; padding:0px;}
.edit-rt-sec ul li img{display:block; text-align:center; margin:auto;}
.edit-rt-sec ul li{list-style:none; display:block; padding:8px 2px; margin:2px 2px;  width:164px; border:solid #000 0px; vertical-align:top;
text-align:left; text-transform:capitalize; line-height:14px;
background:url(../dist/img/right-bg-m.png)repeat-x rgba(141,141,141,0.0);
border-bottom:solid 1px rgba(244,244,244,1); }

    .edit-rt-sec ul li:hover {border-bottom:solid 1px rgba(244,244,244,1);
        background: url(../dist/img/right-bg-m2.png)repeat-x;
    }

.nav-tabs-custom>.nav-tabs>li {border-left:1px solid #ddd;margin-bottom: -1px;margin-right:0px;}
.nav-tabs-custom>.nav-tabs>li:first-child, li:last-child {border-left:0px solid #ddd;margin-right:0px;}

.nav>li>a {position: relative; display: block; padding: 4px 15px; }

.stn-pop2 .form-horizontal .control-label{text-align: left;}
.stn-pop2 .form-horizontal .form-group { margin-right:0px; margin-left: 0px;}
.stn-pop2 .form-horizontal .textarea{height:70px;}

.edit-stn{height:350px; overflow:auto;}


.pad_8tb{padding:8px 0px;}

fieldset { display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
/*-webkit-padding-before: 0.35em;*/
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
min-width: -webkit-min-content;
border-width: 2px; border-style: groove; border-color: threedface; border-image: initial; }

legend {display: block; width:auto !important; padding: 0; margin-bottom: 2px; font-size: 18px;
    font-weight: bold; line-height: inherit; color: #333; border: 0;
border-bottom: 0px solid #e5e5e5;
}

.greenbg {background:rgba(0,178,99,1);}
.icon_size{font-size:42px;}

.round_8px{border-radius: 8px;}
.head_round8px{border-radius:8px 8px 0px 0px }
.top-btn-station button{margin:auto;}

.round_2nd_div{border-radius:8px 8px 0px 0px;}

.sidebar-menu {}
.user-panel>.info {padding: 5px 5px 5px 15px;line-height: 1;position:relative;left:2px;}
.user-panel>.info>p { font-weight: 600; margin-bottom: 4px;}
.com-info{height:20px; text-align:right; width:100%;}
.com-info a{font-style:italic; color:#fff; text-transform:none; font-size:11px; text-align:right;}

.place-photo img{border-radius:12px; margin:14px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li .place-photo{display:none;}

.icon_box .col-md-3 { width: 23%; }
.icon_box .col-md-4 { width: 38.33333333%; }

.sidebar-mini.sidebar-collapse .main-header .logo { width:230px;}
.sidebar-mini.sidebar-collapse .main-header .navbar {margin-left: 230px;}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
    display:none;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg { display:block;}
.main-header .logo .logo-lg {display: block; float:none;}
#stationlist li.active a{ text-decoration: none; color: #c00 !important;}

.content-header>.breadcrumb { float: left;position: absolute; display:block; text-align:left; width:98%;
background: transparent; border:solid #000 0px !important;
margin-top: 0; margin-bottom: 0;
font-size: 14px; padding: 7px 5px;
top: 2px; right: 10px;
border-radius: 2px; }

.main-footer {padding: 4px 15px;}
.flt-r{float:right;}
.flt-l{float:left;}

.edit-ht{height:190px;}
.notifications-ht{height:260px;}
.notifications-ht .form-group {
    margin-bottom:2px;
}

.add-user .form-horizontal .control-label { padding-top:1px !important; margin-bottom: 0; text-align: right; }

.login-txt input[type="password"] {width:100%; display:inline-block;}

.top-btn-station .dactive .btn-primary{color:rgba(192,0,0,0.5) !important;}
#tbviewtask a {text-decoration:none; color:#444;
}

.danger{color:#dd4b39}
.success{color:#00a65a}

.modal {background: rgba(0,0,0,0.7);}
.loaderup .css-spinner {
    position: absolute;
    margin: -30px 0% 0% 43%;
    text-align: center;
    z-index: 100;
}
.sta_tt {
    border-bottom: solid 1px rgba(0,178,99,1);
    font-weight: bold;
    color: #31708f; padding:0 0 5px 0 ;
}

.box{margin-bottom:10px;}
.station_inner-padd{padding:0 15px;}
.station-info .col-md-4{width: 32.333333%;}
.station-info legend { display: block; letter-spacing:1px;
    font-size: 16px; text-transform:uppercase; font-weight:bold;
    color: #333;}
.station-info fieldset{line-height:28px; }
.station-info .info label{width:100px; cursor:auto; display:block; clear:both; margin:0px;}

.sta_graph .col-md-12 {
position: relative;min-height: 1px;
padding-right:15px;
padding-left:15px;}

.short select {color:#000;
    margin:2px 17px 0 0px;
    line-height: inherit;
    border-radius: 0;
    height: 22px;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
    position: relative !important;
    float: right;
    width: auto !important;
    left: 238px !important;
    top: -20px !important;
    z-index: 900;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    display: block !important;
    position: absolute;
    width: 238px;
    left: 50px;
}
.copyright_inf{text-align:right; color:#000;}
.copyright_inf a{text-align:right; color:#000;}

.table-responsive tbody{height:190px;}
.search-para .form-control { height: 26px;}

.search-para .checkbox{margin:0px;}

.search-para .form-group .form-control {
    display:inline;
    width:148px;}
.search-para2 .form-group .form-control {
    display: inline;height:50px;
    width:73%; margin-left:16px;
}

.search-para input[type="text"] {
    margin: 0 6px 2px 0;
}


.search-para .form-group {
    margin-bottom:5px;
}
.doc-list{height: 180px;}
.doc-list .form-group .form-control {
    display: inline;
    width:66px !important; padding:0px 0px; margin:0 0 0 0;
}
.doc-list .form-group .form-control2 {display: inline; width:120px !important; padding:0px 0px; margin:0 0 0 0;}
    .doc-list .form-group .form-control3 {
        display: inline;
        width: 165px !important;
        padding: 0px 0px;
        margin: 0 0 0 0;
    }
.glidecontentwrapper { position: relative; width: 100%; height:510px; border: 0px solid #687C98; overflow: scroll !important; }



.btn-awaiting-shipping {
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #075482 !important;}
.btn-awaiting-shipping:hover {color:#999 !important;}

.btn-awaiting-pending{
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #33b1e4 !important;}
.btn-awaiting-pending:hover {color:#000 !important;}


.btn-transporter-confirmation{
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #71d3e0 !important;}
.btn-transporter-confirmation:hover {color:#000 !important;}

.btn-green{
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #3dcb58 !important;}
.btn-green:hover {color:#000 !important;}

.btn-light-blue{
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #71afe0 !important;}
.btn-green:hover {color:#000 !important;}

.btn-light-gray{
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #a1aeb0 !important;}
.btn-green:hover {color:#000 !important;}

.btn-awaiting-transport-allocation{
color: #ffffff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #73C6B6 !important;}
.btn-awaiting-transport-allocation:hover {color:#000 !important;}

.invoice-lab-txt label {
    display: inline-block;
    max-width:250px;}
.invoice-lab-txt input[type="text"] {
    width:130px; height:27px;}	
	
	
/*-----------------------------------------------------------------------------------*/
/*	MY ACCOUNT
/*-----------------------------------------------------------------------------------*/
.login-img img{width:100%;}
.login-footer {
    background: #fff top left repeat-x;
    border-top: solid 2px #68727b;
}
.fnt_20 {
    font-size: 20px;
}
.my_account {
	padding-top:50px;
	background-image:url(../images/my_account_bg.jpg);
}

.my_account textarea, input[type="text"] {
    width: 100%;
    height: 40px;
    margin: 0 6px 10px 0;
    padding: 10px;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    font-style: normal;
    border-radius: 0;
    background: #e6e7e9;
    border: 2px solid #dcdcde;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.my_account input[type="password"] {width:100%;	height:40px;
	margin: 0 6px 10px 0;	padding: 10px;
	text-transform:none; letter-spacing:1.5px; font-family:Arial;font-size: 35px;
	font-weight:400;line-height:20px;color: #000;font-style:normal;
	border-radius: 0;	
	background: #e6e7e9;
	border: 2px solid #dcdcde;
	box-shadow: none;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}

.my_account_block {background-color:#fff; margin-bottom:84px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dbdfe6;}

.my_account_block h2 { text-align:center; text-transform:uppercase;
	margin:0 0 15px;
	/*font-weight:900;*/
	font-size:24px;
}

.my_account_block .login {
	float:left;
	width:50%;
	padding:20px 28px;
	border-right:1px solid #ccc;
}
.login_form input[type="text"] {
	height:50px;
	margin-bottom:8px;
	/*text-transform:uppercase;*/
}
.login_form input[type="text"].last {margin-bottom:9px;}
.login_form input[type="checkbox"] + label {
	text-transform:none;
    font-size: 14px;
    padding-left: 4px;
	border:0;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

.login_form .forgot_pass {
	display:block;
	padding-top:5px;
	color:#999;
}
.login_form .forgot_pass:hover {color:#333;}
.login_form input[type="submit"] {
    float: none;
    display: inline-block;
    width: 140px;
    /*height:50px;*/
    margin: 7px 0 0;
    background-color: #133743;
    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
   /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background: -moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: -ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
   */ /*background-color: #79bbff;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #84bbf3;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #528ecc;
}
    .login_form input[type="submit"]:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #133743), color-stop(1, #133743));
        background: -moz-linear-gradient(top, #133743 5%, #133743 100%);
        background: -webkit-linear-gradient(top, #133743 5%, #133743 100%);
        background: -o-linear-gradient(top, #133743 5%, #133743 100%);
        background: -ms-linear-gradient(top, #133743 5%, #133743 100%);
        background: linear-gradient(to bottom, #133743 5%, #133743 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#133743', endColorstr='#133743',GradientType=0);
        background-color: #378de5;
    }
.login_form input[type="submit"]:active {
	position:relative;
	top:1px;
}

.my_account_block .new_customers {
	float:left;
	width:50%;
	padding:20px 28px;
}
.my_account_block .new_customers p {color:#333;}
.my_account_block .new_customers li {line-height:22px;}
.my_account_block .new_customers .btn {
	display:inline-block;
	/*width:230px;*/
	margin:40px auto 0;
}

.my_account_note {
	padding-bottom:63px;
	text-transform:uppercase;
	font-weight:300;
	line-height:46px;
	font-size:40px;
	color:#fff;
}
.my_account_note b {
	display:inline-block;
	padding-left:30px;
	font-weight:900;
}
#stationlist2{display:block;}
.fa-arrows-alt {color:#000 !important;
}



@media (min-width:1920px) and (max-width:2500px) {
    .station-list {
            height:772px !important;
        }
        .direct-chat-station {
            height: 233px;
        }
.content .col-md-8 { width: 43.666667% !important; }
.content .col-md-4a { width: 55.333333% !important; }

    }
@media (min-width: 992px){
.col-md-4a {
    width:33.333333%;
}
.content .col-md-8 { width: 66.666667%; }
}


    @media (min-width: 150px) and (max-width: 801px) {
        .com-info {
            margin-top: 50px;
        }
.main-header .sidebar-toggle {
    padding: 15px 20px;
}

.glidecontentwrapper {
height:200px !important;}

        .top_com_name {
            display: none;
        }

        .icon_size {
            font-size: 30px;
        }

        .modal-dialog {
            width: 100%;
            height: 100% !important;
        }

        .glidecontentwrapper {
            position: relative;
            width: 680px;
        }
        /**/
        .glidecontentwrapper {
            display: table;
            position: relative;
            height: 100vmin !important;
            height: 100vh !important;
            overflow-x: auto !important;
        }

        .col-xs-12 {
            width: 100% !important;
        }

        .glidecontentwrapper {
            width: 100% !important;
        }

        .box-top label {
            display: none
        }

        .left-img-pan {
            display: none;
        }

        .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

        [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
        [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
            font-size: 30px !important;
        }

        .icon_box .col-md-3 {
            width: 100%;
        }

        .icon_box .col-md-4 {
            width: 100%;
        }
    }
	
.table-responsive .text-left{text-align:left !important;}

.table-responsive tr:hover {background:rgba(141,141,141,0.2) !important;}


.btncontainer {
    height: 30px;
    position: relative;
    margin-top: 10px;
}

.btncenter {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.optionred {
    background-color: #cc0000;
}

.optiongreen {
    background-color: lightgray;
}

.optionyellow {
    background-color: yellow;
}





