@import 'https://www.rgtravel.com/admin/css/samstrap.css';






body 					{background-color: #33363d; margin:0px; font-family:'Source Sans Pro'; }

p, li, ul, h1, h2, h3, h4, .formfield, .button, .formbutton, table, .tooltip					{font-family: "Source Sans Pro"; }


h1 { color:#697581; font-size: 34px; margin: 0 0 25px 0;  }
h2 { margin: -25px 0 25px 0; text-transform: uppercase; }


ul			{ margin: 0px; }
li			{ margin: 0px;}

img						{ border: 0px; }

table					{ border-collapse:collapse; border: 0px; padding: 0px; font-size: 14px;}


form							{ margin: 0px;}
.formfield						{ border: 3px solid #d7d7d7; font-size: 16px; background-color: #ffffff; padding: 5px;  -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; }
.formfield:focus                { border: 3px solid #666666;  -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.formbutton						{ border: 0px solid #000000; font-size: 18px; padding: 6px 20px; text-transform:uppercase; color: #ffffff; background-color:#697581; font-weight: bold;}
.dropdown 						{ position: absolute; visibility: hidden; z-index: 99; }
.clear-fix          {clear:both; }



.adminlink { display: inline-block; background-color:#ea7400; color:white; padding: 4px 9px; text-decoration:none; text-align:center; margin:2px; }
.adminlink:hover { background-color:#b25800; color:white; text-decoration:none; }

a { color:#ff6600; text-decoration:none; }
a:hover { color:#666666; text-decoration:underline;}

.warning { border: 3px #ea7400 dashed; padding: 4px 10px; margin-bottom: 20px; }
.warning h1 { text-align:center; color:#ea7400; margin: 0px; }
.warning p { text-align:center; margin: 0px 0px 8px 0px; }


    .thumbnail { border: 1px #cacaca solid; float:left; margin: 0px 10px 10px 0px; text-align:center; width: 150px; height: 150px; }
    .thumb-inner    { position: relative; text-align:center; top: 50%; 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

    .thumbnail img { max-width: 140px; max-height: 120px; margin-bottom: 4px; }














/* --------------- login page ---------------- */

.login-outer					{width: 100%; height: 100%; position:absolute; vertical-align:middle; }
.login { border: 1px #545e67 solid; max-width: 500px; padding: 20px 35px; margin: -125px auto 0 auto; min-height: 250px; top: 50%; position:relative; }
.login h1 { color:white; margin: 0px;     }
.login div { padding: 5px; }
.login div .button { font-weight: bold; background:#697581;  }

.login p { margin: 3px 0px; color:white; font-size: 15px;     }




/* --------------- MAIN BODY ---------------- */

.content-outer {  }
.main-content {  margin-left: 250px; padding: 20px;background-color:white; min-height: 600px; }


p.legend					{ text-align:right; font-size: 14px; }
p.legend .fa               { margin: 0 8px 0 20px; color:#ea7400; font-size: 16px; }


table.results			{ width: 100%; font-size: 13px; margin-bottom: 30px;}
table.results th		{ padding: 16px 8px 6px 8px; font-size: 15px; border-right: 1px #ffffff solid; border-bottom: 1px white dotted; background-color: #3c3c44; color: #ffffff; text-align: left; vertical-align:bottom;}
table.results td		{ vertical-align: top; padding: 8px 10px 10px 8px; border-bottom: 1px #bcbcbc dotted; width: auto;}
table.results td.wrap		{ text-align: right; white-space:nowrap; }
table.results td span		{ border: 2px #990000 dashed; padding: 3px 7px; margin-top: 8px; color:#990000; font-weight:bold; }
table.results tr:hover { background-color:#dae5ef; }
table.results td .fa        { margin: 4px; font-size: 16px; color:#ea7400;   }
table.results td.vr        { text-align:right;  }


table.frm						{  width: 100%; }
table.frm th					{ vertical-align: top; font-weight:600; color:#666666; padding: 4px 10px; text-align:left; border-top: 1px #cacaca dotted; width: 225px; }
table.frm td					{ vertical-align: top; padding: 4px 10px; border-top: 1px #cacaca dotted; }
table.frm td h2					{ color:#ff6600; border-top: 1px #bababa dotted; margin: 20px 0px 10px 0px; }
table.frm td img				{ vertical-align: top; margin: 0px 0px 0px 4px; }
table.frm td span				{ font-size: 11px; font-weight: normal; color: #666666 }


table.frm td span.title { font-size: 18px; font-weight:bold; color:black; }



table.frm tr.bgcolor { background-color:#ededed;     }















/* --------------- ADMIN REGISTRY & FORMS ---------------- */


.requestbox { border: 1px #697581 solid; padding: 0 20px; margin-top: 16px; }
.packagebox { border: 6px #bfc8d0 solid; padding: 10px; margin-bottom: 20px; }



table.packages { width: 100%; }
table.packages td { border-top: 1px #697581 dotted; padding: 6px; vertical-align:top;     }
table.packages td.image { width: 170px; }

table.packages td p.title  { font-weight:bold; font-size: 20px; margin: 10px 0px 4px 0; }
table.packages td p  { font-size: 16px; margin: 0px 0px 10px 0; }
table.packages td p.price  { text-align:right; font-size: 13px; color:#666666; margin: 0px 0px 10px 0; }
table.packages td p.price span  { font-weight:bold; font-size: 16px; color:black; }
table.packages td .totalcost            { background-color:#dce3e9; font-size: 13px;  padding: 4px 10px; text-align: right; display: block;}
table.packages td .totalcost span            { font-size: 18px; font-weight: bold; }

.searchbox { background-color:#697581; padding: 6px 18px; color:white;   }
table.searchform td { padding-right: 15px; }

table.searchform td .formbutton { background-color:#ea7400}
table.searchform td a:hover { color:white; }


table.payments { font-size: 14px; width: 100%;  }
table.payments td { padding-bottom: 20px; }

table.payments td.gift { text-align:right;  }
table.payments td.gift .giftamount { margin-bottom: 50px; }
table.payments td.gift .giftamount span { font-weight:900; font-size: 22px;   }


table.payments td .confirmation { clear:both; background-color:#329223; padding: 3px 9px; color:white;  }
table.payments td .process { clear:both; padding-top: 8px;  }