﻿/*font face */
@font-face { font-family:OpenSansCondensedLight; src:url(../Font/OpenSansCondensed-Light.ttf); }
@font-face { font-family:OpenSansCondensedLightItalic; src:url(../Font/OpenSansCondensed-LightItalic.ttf); }
@font-face { font-family:OpenSansCondensedBold; src:url(../Font/OpenSansCondensed-Bold.ttf); }
@font-face { font-family:MontserratRegular; src:url(../Font/Montserrat-Regular.ttf); }

/* shared */
.Amg-FlexContainer { display:flex; flex-wrap:wrap; }
.Amg-Frame { border:none; margin-top:20px; border-radius:20px; background-color:white; padding:20px; }
.Amg-Caption { font-weight:bold; }
.Amg-DropDown { border:none; border-bottom:1px solid gray; padding:4px 0 4px 0; outline:none; width:100% }
.Amg-DropDown:focus { border-bottom:2px solid red; }
.Amg-Header1 { font-family:OpenSansCondensedBold; font-size:30px; font-weight:bold; } 
.Amg-Header2 { font-weight:bold; font-size:10pt }
.Amg-Iframe { position:fixed; border:2px solid #9d9d9d; border-radius:9px; }

.Amg-PopupDivision { position:fixed; z-index:11500; border:2px solid #9d9d9d; border-radius:9px; padding:0; margin:auto; left:0; right:0; top:0; bottom:0; background-color:white }
.Amg-PopupDivision .Header { color:white; font-size:18px; font-weight:bold; padding:10px 0px 10px 10px; background-color:#82a115; }
.Amg-PopupDivision .Content { padding:20px }
.Amg-PopupDivision .Content .Table { background-color:transparent; }
.Amg-PopupDivision .Content .Table td { padding:10px }
.Amg-PopupDivision .Content .Table td:first-child { padding-left:0 }
.Amg-PopupDivision .Content .Table tr:hover { background-color: #eeeeee; }

.Amg-ListTable { width:100%; background-color:transparent }
.Amg-ListTable tr:hover { background-color: #faffdf; }
.Amg-ListTable th { font-size:13px; padding:6px 10px 6px 10px; background-color:#494949; color:#fff; text-align:left; vertical-align:top }
.Amg-ListTable td { padding:6px 10px 6px 10px; border-bottom:1px solid lightgray; vertical-align:top }
.Amg-ListTable tr:last-child td { border-bottom:none; }

.Amg-RecordTable { }
.Amg-RecordTable td { width:300px; padding-left:30px; }
.Amg-RecordTable td:first-child { padding-left:0px }
.Amg-RecordTable .RowGap {padding-top:30px; }

.Amg-GridTable { width:100% ; background-color:transparent}
.Amg-GridTable td { padding:10px 10px 0px 10px;}

.Amg-TextArea { width:100%; height:94px; border:none; border-bottom:1px solid gray; padding:5px 5px 5px 5px; outline:none; background-color:transparent; }
.Amg-TextArea:focus { border-bottom:2px solid red; }

.Amg-Button { outline:none; cursor:pointer; color:#fff; font-weight:bold; font-size:15pt; padding:3px 25px 3px 25px; height:40px; margin-left:5px; border:none; border-radius:3px; background-color:#d78522; }
.Amg-Button:focus {  }
.Amg-Button:hover { background: #e04949;  }
.Amg-Button-Small { font-size:10px; height:26px }
.Amg-Button:disabled {opacity: 0.65;cursor: not-allowed;}

.Amg-AlignCenter { text-align:center; }
.Amg-AlignRight { text-align:right; }
.Amg-NoWrap { white-space:nowrap; }

.Amg-Red { color:red; }
.Amg-Green { color:green; }
.Amg-Blue { color:blue; }

.Amg-Background-Red { background: rgb(154,66,14); background: linear-gradient(138deg, rgba(154,66,14,1) 0%, rgba(232,37,37,1) 47%, rgba(232,37,37,1) 100%); }

.Amg-M-0 { margin:0px; }
.Amg-M-1 { margin:10px; }
.Amg-M-2 { margin:20px; }
.Amg-M-3 { margin:30px; }
.Amg-M-4 { margin:40px; }

.Amg-Mt-0 { margin-top:0px; }
.Amg-Mt-1 { margin-top:10px; }
.Amg-Mt-2 { margin-top:20px; }
.Amg-Mt-3 { margin-top:30px; }
.Amg-Mt-4 { margin-top:40px; }

.Amg-Mb-0 { margin-bottom:0px; }
.Amg-Mb-1 { margin-bottom:10px; }
.Amg-Mb-2 { margin-bottom:20px; }
.Amg-Mb-3 { margin-bottom:30px; }
.Amg-Mb-4 { margin-bottom:40px; }

.Amg-Ml-0 { margin-left:0px; }
.Amg-Ml-1 { margin-left:10px; }
.Amg-Ml-2 { margin-left:20px;}
.Amg-Ml-3 { margin-left:30px;}
.Amg-Ml-4 { margin-left:40px;}

.Amg-Mr-0 { margin-right:0px; }
.Amg-Mr-1 { margin-right:10px; }
.Amg-Mr-2 { margin-right:20px;}
.Amg-Mr-3 { margin-right:30px;}
.Amg-Mr-4 { margin-right:40px;}

.Amg-P-0 { padding: 0px; }
.Amg-P-1 { padding: 10px; }
.Amg-P-2 { padding: 20px; }
.Amg-P-3 { padding: 30px; }
.Amg-P-4 { padding: 40px; }

.Amg-Pt-0 { padding-top: 0px; }
.Amg-Pt-1 { padding-top: 10px; }
.Amg-Pt-2 { padding-top: 20px; }
.Amg-Pt-3 { padding-top: 30px; }
.Amg-Pt-4 { padding-top: 40px; }

.Amg-Pb-0 { padding-bottom: 0px; }
.Amg-Pb-1 { padding-bottom: 10px; }
.Amg-Pb-2 { padding-bottom: 20px; }
.Amg-Pb-3 { padding-bottom: 30px; }
.Amg-Pb-4 { padding-bottom: 40px; }

.Amg-Pl-0 { padding-left: 0px; }
.Amg-Pl-1 { padding-left: 10px; }
.Amg-Pl-2 { padding-left: 20px; }
.Amg-Pl-3 { padding-left: 30px; }
.Amg-Pl-4 { padding-left: 40px; }

.Amg-Pr-0 { padding-right: 0px; }
.Amg-Pr-1 { padding-right: 10px; }
.Amg-Pr-2 { padding-right: 20px; }
.Amg-Pr-3 { padding-right: 30px; }
.Amg-Pr-4 { padding-right: 40px; }

.Amg-PopupContainer { border:2px solid gray; border-radius:19px; background-color:white; z-index:200; overflow:hidden; }
.Amg-PopupContainer .Header { background: rgb(158,236,201); background: linear-gradient(138deg, rgba(158,236,201,1) 0%, rgba(165,231,228,1) 39%, rgba(35,222,185,1) 100%); }
.Amg-PopupContainer .Header td { padding-left:10px; font-size:18px; font-weight:bold; color:#444242; padding-top:10px; padding-bottom:10px; }

/*Menu*/
/*--------------------------------*/
.Amg-Sidebar-Logo{ padding:0px; text-align:center; margin-top:0px}
.Amg-Sidebar-Logo img { width:80%; margin:10px 0 10px 0; border-radius:50%; }
.Amg-SideMenu { margin:0; padding:0; margin-top:0px; }
.Amg-SideMenu li { list-style:none; position: relative; cursor: pointer; border-bottom: solid 1px #4a5263;}
.Amg-SideMenu li:hover {color: #e9e9e9;}
.Amg-Child-Menu { display:none; padding:0; background-color:#222222;}
.Amg-SideMenu-CurrentPage {background: rgba(255, 255, 255, 0.2);}
.Amg-Content { padding: 20px; padding-top: 80px; }
.Amg-Menu-Toggle {display:none}
.Amg-Footer {padding:30px 0 0px 0; text-align:right}
.Amg-SideMenu-Close {display:none}

/*Small menu version*/
.Amg-Small-Display .Amg-Sidebar { height: 100%; width: 80px; background-color: #222222; position: absolute !important; z-index: 1001; float: left}
.Amg-Small-Display .Amg-SideMenu a { display: block; font-size: 10px; line-height: 1.3; text-decoration:none; color:#fff; margin-top:5px}
.Amg-Small-Display .Amg-SideMenu a span.fa { display:none }/* hide span */
.Amg-Small-Display .Amg-SideMenu i { font-size: 25px !important; text-align: center; width: 100%; margin-bottom:7px}
.Amg-Small-Display .Amg-SideMenu li { display:block; text-align:center; padding:7px}
.Amg-Small-Display .Amg-SideMenu-CurrentPage { border-right: 3px solid #C72127;}
.Amg-Small-Display .Amg-Child-Menu { margin: 0; padding: 0; left: 100%; position: absolute; top: 0; width: 210px; z-index: 4000; background: #1C1C1D;}
.Amg-Small-Display .Amg-Child-Menu li { display:block; text-align:left; }

/*Top Bar*/
.Amg-Top-Bar { position:absolute; height:60px; background-color:#b41111; width:100%; padding:5px; }
.Amg-Top-Bar-Menu {list-style-type: none; margin: 0; padding: 0; padding-left:70px}
.Amg-Top-Bar-Menu li {float: left; }
.Amg-Top-Bar-Menu li a, .DropdownButton { color: white; text-align: center; text-decoration: none;}
.Amg-Top-Bar-Menu li a:hover, .Dropdown:hover .DropdownButton {}
.Amg-Top-Bar-Menu li.Dropdown {display: inline-block;}
.Amg-Top-Bar-Menu li .Text {font-size:20px; margin-left:10px; margin-top:10px; color:white }
.Amg-Top-Bar-Menu .Dropdown-Content {display: none; position: absolute; background-color: #f9f9f9; min-width: 160px ;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;right:3px;}
.Amg-Top-Bar-Menu .Dropdown-Content a {color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.Amg-Top-Bar-Menu .Dropdown-Content a:hover {background-color: #f1f1f1;}
.Amg-Top-Bar-Menu .Dropdown:hover .Dropdown-Content {display: block;}
.fa-stack[data-count]:after {position: absolute; right: 0%; top: 1%; content: attr(data-count); font-size: 40%; padding: .7em; border-radius: 999px; line-height: .75em; color: white; background: rgba(227, 203, 106,.95); text-align: center; min-width: 2em; font-weight: bold;}

@media (max-width: 991px) {
    /*hide bar when using table and mobile*/
    .Amg-Medium-Display .Amg-Sidebar {display: none;}
    .Amg-Menu-Toggle {display:inline;}
    .Amg-Top-Bar-Menu {padding-left:0;}
    .Amg-SideMenu-Close {display:inline; position: absolute; top:15px; right: 20px}
    .Amg-Top-Bar-Menu li .Text {font-size:12px;}
    .Amg-Content {margin-left:0}
    .Amg-Small-Display .Amg-Sidebar { height:100%; width:100%; background-color:#222222; position:absolute !important; z-index:1;}
    .Amg-Small-Display .Amg-SideMenu a { width:auto; border:none; display:block; outline:0; color:#fff; text-decoration:none; font-size: 14px}
    .Amg-Small-Display .Amg-SideMenu a i.fa, i.fasm, i.far, i.fas { min-width:20px; display:inline }/* hide span */
    .Amg-Small-Display .Amg-SideMenu a span.fa { margin-left:10px; font-size:10px}
    .Amg-Small-Display .Amg-SideMenu i { font-size: 15px !important; text-align:center}
    .Amg-Small-Display .Amg-SideMenu li {text-align:left; padding:7px}
    .Amg-Small-Display .Amg-Child-Menu li { border:none; padding-left: 20px;}
    .Amg-Small-Display .Amg-Child-Menu li a { padding: 0;}
    .Amg-Small-Display .Amg-Child-Menu { margin: 0; padding: 0; width: 100%; left:auto; position:relative; z-index: 4000; background: #1C1C1D;}
    .Amg-Small-Display .Amg-Child-Menu li { display:block; text-align:left; }
}

/*--------------------------------*/
/*Menu End*/

/*Dashboard*/
/*--------------------------------*/
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active {color: #fff !important;}

.info-box { display: block; min-height: 90px;background: #fff;width: 100%;box-shadow: 0 1px 1px rgba(0,0,0,0.1);border-radius: 2px;margin-bottom: 15px;}
.info-box-content {padding: 5px 10px; margin-left: 90px;}
.info-box-icon {border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;display: block;float: left;height: 90px;width: 90px;text-align: center;font-size: 45px;line-height: 90px;background: rgba(0,0,0,0.2);}
.info-box-text {display: block;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;}
.info-box-number {display: block;font-weight: bold;font-size: 18px;}

.box {position: relative;border-radius: 3px;background: #ffffff;border-top: 3px solid #d2d6de;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.box.box-info {border-top-color: #00c0ef;}
.box-header.with-border {border-bottom: 1px solid #f4f4f4;}

.box-header {color: #444;display: block;padding: 10px;position: relative;}
.box-body {border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding: 10px;}
.box-footer {border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;border-top: 1px solid #f4f4f4;padding: 10px;background-color: #fff;}

/*--------------------------------*/
/*Dashboard end*/