body{
 /*color:rgb(50,0,230);*/
 /*background-color:#8DDAF5;*/
 /*width:960px;*/
 /*font:90%/1.05em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;*/
 /*font: 11px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;*/
}
/*body{
 font:90%/1.45em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;
 margin:0;
 padding:0;
 color:#333;
 background-color:#fff;
 position:relative;
 padding-bottom:220px !important;
 height:auto !important;
 min-height:100%;
 box-sizing:border-box;
 -webkit-font-smoothing:inherit
}
p{margin:1em 0}
p:first-child{margin-top:0}
p:last-child{margin-bottom:0}
*/

.dataTables_length select {
 background-color: red;
}
.dataTables_filter input {
 background-color: red;!important;
}

div.dataTables_filter input {
 background-color: red;
}

h1 {
 text-align: center !important;
 font: bold 25px arial, sans-serif !important;
}

h2 {
 text-align: center !important;
 font: 20px arial, sans-serif !important;
}

h3 {
 text-align: left !important;
 font: 20px arial, sans-serif !important;
 margin-bottom: 10px !important;
}

h5 {
 text-align: center !important;
 font: 16px arial, sans-serif !important;
 margin-bottom: 10px !important;
}

table {
 /*font: 11px arial, sans-serif;*/
}

tr.ligneTableau1 {
 background-color:#EEEEEE;
}

tr.ligneTableau2{
 background-color:#FFFFFF;
}

tr.ligneTableau1.On{
 background-color:#EE7777;
}

tr.ligneTableau2.On{
 background-color:#FF7777;
}

td {
    /*text-align: center;*/
    /*vertical-align: middle;*/
 /*font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;*/
 /*font-size: 11px;*/
 padding: 2px;
}

#datasF td {
 /*text-align: center;*/
 vertical-align: middle;
 font-family: Arial, Helvetica, sans-serif;
 /*font-size: 11px;*/
 padding: 2px;
}

#datas td {
 /*text-align: center;*/
 vertical-align: middle;
 font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
 /*font-size: 11px;*/
 padding: 2px;
}

img {
 border: none;
}

#tableHeader {
 margin-bottom: 10px;
 width: 100%;
}

#header_td_img {
 background-image: url('../images/logo_geodis.png');
 background-repeat: no-repeat;
 width: 150px;
 height: 75px;
}
#header_td_sep_img {
 background-image: url('../images/bandeau_rt.png');
 background-repeat: no-repeat;
 width: 100%;
 height: 50px;
 background-size: 100% 100%;
}

#tableFooter {
 margin-top: 40px;
 width: 100%;
 height: auto;
 text-align: center;
}

#tableBack {
 margin-top: 50px;
 width: 100%;
 height: auto;
 text-align: center;
}

#authentication_table {
 width: 30%;
 margin: auto;
 text-align: center;
}

#authentication_tr {
 font-weight: bold;
}

#authentication_td {
 text-align: center;
}

#authentication_footer {
 padding-top: 200px;
}

#home_table {
 text-align: left;
 width: 90%;
 margin: auto;
 padding: 2px;
}

#home_td_search {
 vertical-align: middle !important;
 background-color : #F5F7B9;
}

#home_td_searchimg {
 vertical-align: middle !important;
}

#modifyTable_table {
 width: 50%;
 margin: auto;
 text-align: center;
}

#modifyTable_validate {
 padding-top: 20px;
}

#modifyTable_back {
 padding-top: 50px;
}

#addTable_table {
 width: 50%;
 margin: auto;
 text-align: center;
}

#table_table {
 margin: auto;
 text-align: center;
 width: 50%;
}

#table_back {
 padding-top: 50px;
}

.table_td_pk {
 background-image: url('../images/pk.jpeg');
 background-repeat: no-repeat;
}

#table_td_search {
 background-color : #F5F7B9;
}

#table_td_searchimg {
 vertical-align: top !important;
}

.table_td_field {
 width: 250px !important;
 min-width: 250px !important;
 max-width: 250px !important;
 border-bottom: 1px solid black;
}

.table_td_add {
 background-color : #B5E194;
 margin-top: 25px;
}

#table_td_addimg {
 margin-top: 25px;
}

#modifyRow_table {
 width: 50%;
 margin: auto;
 text-align: center;
}

.modifyRow_td_pk {
 background-image: url('../images/pk.jpeg');
 background-repeat: no-repeat;
}

#modifyRow_td{
 padding-top: 20px;
}

#modifyRow_validate  {
 padding-top: 20px;
}

#modifyRow_back {
 padding-top: 50px;
}


.row_vic {
 margin-right: 0px;
 margin-left: 0px;
}

#Footer_A { z-index:10;width:100%;min-height:30px;position:relative;visibility:visible;overflow:hidden;display: block; background-color: transparent;}
#Content_A { z-index:10; width:100%;margin-right: auto; margin-left: auto;margin-top: 20px;position: relative;}
#Content_D { z-index:10; width:100%;margin-right: auto; margin-left: auto;top: 65px;position: relative;margin-bottom: -15px;}
#TableName_div{ left:calc(50% + 30px); position: absolute; top:calc(50% - 10px);}

#alert { z-index:10;position:relative;/*visibility:hidden;min-width:500px;*/}

.form-group {
    margin-bottom: 5px;
}

div.container {
    width: 80%;
}
.form-control {
 -webkit-box-shadow: none;
 box-shadow: none;
 font-size: 12px;
}
div.popup {
 display: block; padding: 5px;margin: 0 0 0; line-height: 1;color: #333;word-break: break-all;word-wrap: break-word;background-color: #DDDFE1;border: 1px solid #ccc;border-radius: 4px;
}

tfoot input {
 width: 100%;
 padding: 3px;
 box-sizing: border-box;
}

tfoot {
 display: table-header-group;
}

input.form-group {
 color: rgb(50,0,230);
}
input::-webkit-input-placeholder {
 color: green;
 opacity : 0.3;
}
input::-moz-placeholder {
 color: green;
 opacity: 0.3;
 background-color: #fff;
}
input:-moz-placeholder {   /* Older versions of Firefox */
 color: green;
 opacity : 0.3;
 background-color: #fff;
}
input:-ms-input-placeholder {
 color: green;
 opacity : 0.3;
 background-color: #fff;
}

.modal-dialog {
 width: 1100px;
 margin: 30px auto;
}

.nav > li > a {
  /*padding: 5px 10px;*/
}

a.buttons-select-rows,
a.buttons-select-none { margin-left: 1em;}
table.dataTable thead .sorting_asc { background-image: none; width: 20px}
table.dataTable thead .sorting_desc { background-image: none; }
table.dataTable thead .sorting { background-image: none; }
/*
div.DTED_Lightbox_Wrapper {
 position: fixed;
 top: 0px;
 left: 50%;
 margin-left: -640px;
 width: 1280px;
 height: 500px;
 z-index: 11;
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
 float: left;
 width: 30%;
 padding-top: 6px;
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
 float: right;
 width: 70%;
}
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
 position: relative;
 clear: both;
 padding: 5px 5%;
 border: 1px solid transparent;
}
div.DTE div.DTE_Form_Content {
 position: relative;
 padding: 10px;
 max-height: 630px;
 overflow: auto;
}
*/
table.dataTable tbody th, table.dataTable tbody td {
 padding: 2px 8px;
}

.blue { color: #1198ff; font-size: large;}
.red { color: #ff2800; font-weight: bold; font-size: large;}

.large { font-size: large;}


.panel-body {
 /*height: calc(80vmin - 100px);
 height: -moz-calc(80vmin - 100px );
 height: -webkit-calc(80vmin - 100px);*/
 overflow: auto;
 /*background-color: #E4E4E4;*/
 /*border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;*/
 /*padding: 10px;*/
 /*padding-top: 5px;*/
 padding-bottom: 0;
}


.form {
 /*height: calc(100vmin - 200px);
 height: -moz-calc(100vmin - 200px );
 height: -webkit-calc(100vmin - 200px);*/
 height : auto;
}
.panel-heading {
 background-color: #E4E4E4;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 padding-top: 5px;
 padding-left: 5px;
 padding-bottom: 0;
}
.panel-footer {
 color: #333;
 background-color: #f5f5f5;
 border-color: #ddd;
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
}

.panel-body1 {
 overflow: auto;
 color: #fff;
 /*height: 24px;
 padding: 5px 15px;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;*/
 font-family: monospace;
 /*border-radius: 8px;*/
 background-color: rgb(50,0,230);
 padding: 15px;
}
.panel-body2 {
 overflow: auto;
 color: #fff;
 font-family: monospace;
 border-radius: 8px;
 background-color: rgb(50,0,230);
 padding: 15px;
 padding-top: 0;
 margin-top: 10px;
}

.panel {
 /*border-radius: 8px;*/
 /*background-color: #E4E4E4;*/
 margin-bottom: 0px;
 border: none;
 border-radius: 0px;
 -webkit-box-shadow: none;
 box-shadow: none;
 padding-bottom: 10px;
}

.navbar-fixed-top {
 margin-top:10px;
 min-height: 55px;
}
.navbar-text-DEV,
.navbar-text-REC,
.navbar-text-GRT,
.navbar-text-SCO,
.navbar-text-LOG,
.navbar-text-LGA{
 float: left;margin-right: 15px;margin-left: 15px;margin-top: 5px;margin-bottom: 5px;
 font: bold 35px Arial;
}

.navbar-text-ALL {
 float: left;margin-right: 15px;margin-left: 15px;margin-top: 5px;margin-bottom: 5px; font: bold 35px Arial;color: #337ab7 ;text-shadow: 0 1px 1px #111, 0 1px 1px #111;
}

.navbar-brand-DEV,
.navbar-brand-REC,
.navbar-brand-GRT,
.navbar-brand-SCO,
.navbar-brand-LOG,
.navbar-brand-LGA {
 left:calc(50% - 38px);
 position: absolute;
 top:calc(50% - 38px);
 border : 1px solid #fff;
}

.mx-auto-DEV
 {
 left:calc(50% - 38px);
 position: absolute;
 top:calc(50% - 30px);
 border : 1px solid #fff;
}

.navbar-text-vic {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.modal-title {
 margin: 0;
 line-height: 1.42857143;
 color: white;
}

.ACCcol {background-color: #333;}
.DEVcol {background-color: rgba(150, 200, 225, 1);}/*#96C8E1*/
.RECcol {background-color: rgba(0, 178, 89, 1);} /*#00B259 - #70FF93*/
.GRTcol {background-color: rgba(50, 0, 230, 1);}/*#3200E6*/
.SCOcol {background-color: rgba(255, 159, 214, 1);}/*#FF9FD6*/
.LOGcol {background-color: rgba(255, 217, 34, 1);}/*#FFD922*/
.LGAcol {background-color: rgba(135, 42, 146, 1);}/*#872A92*/

.DEVpanel {background-color: rgba(150, 200, 225, 0.7); border-top-left-radius: 8px; border-top-right-radius: 8px;}
.RECpanel {background-color: rgba(0, 178, 89, 0.7); border-top-left-radius: 8px; border-top-right-radius: 8px;}
.GRTpanel {background-color: rgba(50, 0, 230, 0.7); border-top-left-radius: 8px; border-top-right-radius: 8px;}
.SCOpanel {background-color: rgba(255, 159, 214, 0.7); border-top-left-radius: 8px; border-top-right-radius: 8px;}
.LOGpanel {background-color: rgba(255, 217, 34, 0.7); border-top-left-radius: 8px; border-top-right-radius: 8px;}
.LGApanel {background-color: rgba(135, 42, 146, 0.7); border-top-left-radius: 8px; border-top-right-radius: 8px;}/*#872A92*/

.DEV { /*border: 2px solid #96C8E1;*/ margin: 10px; border-radius: 8px;}
.REC { /*border: 2px solid #70FF93;*/ margin: 10px; border-radius: 8px;}
.GRT { /*border: 2px solid #3200E6;*/ margin: 10px; border-radius: 8px;}
.SCO { /*border: 2px solid #FF9FD6;*/ margin: 10px; border-radius: 8px;}
.LOG { /*border: 2px solid #FF9FD6;*/ margin: 10px; border-radius: 8px;}
.LGA { /*border: 2px solid #FF9FD6;*/ margin: 10px; border-radius: 8px;}

.DEVtxt { color: #444 ;text-shadow: 0 0 3px #fff, 0 0 1px #fff; }
.RECtxt { color: #444 ;text-shadow: 0 0 3px #fff, 0 0 1px #fff; }
.GRTtxt { color: #FFF ;text-shadow: 0 0 3px #555, 0 0 1px #555; }
.SCOtxt { color: #FFF ;text-shadow: 0 0 3px #555, 0 0 1px #555; }
.LOGtxt { color: #444 ;text-shadow: 0 0 3px #fff, 0 0 1px #fff; }
.LGAtxt { color: #FFF ;text-shadow: 0 0 3px #555, 0 0 1px #555; }

.DEVcolor { color: rgba(150, 200, 225, 1) ;}
.RECcolor { color: rgba(0, 178, 89, 1) ;}
.GRTcolor { color: rgba(50, 0, 230, 1) ;}
.SCOcolor { color: rgba(255, 159, 214, 1) ;}
.LOGcolor { color: rgba(255, 217, 34, 1) ;}
.LGAcolor { color: rgba(135, 42, 146, 1) ;}

.BODYcol {background-color: #969596;}
.BODcol {background-color: #CDCDCD;}

.nav-pills_DEV > li.active > a,  .nav-pills_DEV > li.active > a:focus,  .nav-pills_DEV > li.active > a:hover { color: #fff; background-color: rgba(150, 200, 225, 1);}
.nav-pills_DEV > li > a {border-radius: 4px;}
.nav-pills_REC > li.active > a,  .nav-pills_REC > li.active > a:focus,  .nav-pills_REC > li.active > a:hover { color: #fff; background-color: rgba(0, 178, 89, 1);}
.nav-pills_REC > li > a {border-radius: 4px;}
.nav-pills_GRT > li.active > a,  .nav-pills_GRT > li.active > a:focus,  .nav-pills_GRT > li.active > a:hover { color: #fff; background-color: rgba(50, 0, 230, 1);}
.nav-pills_GRT > li > a {border-radius: 4px;}
.nav-pills_SCO > li.active > a,  .nav-pills_SCO > li.active > a:focus,  .nav-pills_SCO > li.active > a:hover { color: #fff; background-color: rgba(255, 159, 214, 1);}
.nav-pills_SCO > li > a {border-radius: 4px;}
.nav-pills_LOG > li.active > a,  .nav-pills_LOG > li.active > a:focus,  .nav-pills_LOG > li.active > a:hover { color: #fff; background-color: rgba(255, 217, 34, 1);}
.nav-pills_LOG > li > a {border-radius: 4px;}
.nav-pills_LGA > li.active > a,  .nav-pills_LGA > li.active > a:focus,  .nav-pills_LGA > li.active > a:hover { color: #fff; background-color: rgba(135, 42, 146, 1);}
.nav-pills_LGA > li > a {border-radius: 4px;}

/* Style the tab */
.tab {
 float: left;
 border: 1px solid #ccc;
 background-color: #f1f1f1;
 width: 30%;
 height: 300px;
}

/* Style the buttons inside the tab */
.tab button {
 display: block;
 background-color: inherit;
 color: black;
 padding: 22px 16px;
 width: 100%;
 border: none;
 outline: none;
 text-align: left;
 cursor: pointer;
 transition: 0.3s;
 font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
 background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
 background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
 float: left;
 padding: 0px 12px;
 border: 1px solid #ccc;
 width: 70%;
 border-left: none;
 height: 300px;
}

body.modal-open .modal[style]:not([style='display: none;']) {
 display: flex !important;
 height: 100%;
}

body.modal-open .modal[style]:not([style='display: none;']) .modal-dialog {
 margin: auto;
}

/*.modal {
 max-height: 100%;
 width: 100%;
}*/

.modal-content {
 margin: 0 auto;
 /*max-height: 30%;*/
 max-width: 100%;
 overflow: auto;
 transform: translateY(15px);
 border-radius: 6px;
}

.modal-body {
 position: relative;
 padding: 5px;
}

.modal-footer {
 padding: 5px;
}

.modal-header {
 padding: 10px;
}

/* Change background color of buttons on hover */
.btn button:hover {
 /*background-color: #ddd;*/
 -webkit-transition-duration: 0.4s; /* Safari */
 transition-duration: 0.4s;
}
td.highlight {
 background-color: whitesmoke !important;
}

ul#cemenu li {display:inline;}

label {
 margin-top:10px;
 display:block;
}

label.inline {
 display:inline;
 margin-right:50px;
}

button.dt-button.removered {color: red;font-weight: bold;}

table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected {
 background-color: #B0BED9
}

.table thead tr th {
    vertical-align: bottom;
    border-bottom: none;
}
/*
div.DTE button.btn,div.DTE div.DTE_Form_Buttons button {
 background: inherit ;
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#dcdcdc')
}
div.DTE button.btn:hover,div.DTE div.DTE_Form_Buttons button:hover {
 background-color:transparent;
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc')
}
div.DTE button.btn:active,div.DTE div.DTE_Form_Buttons button:active {
 -webkit-box-shadow:inset 1px 1px 3px #999;
 -moz-box-shadow:inset 1px 1px 3px #999;
 box-shadow:inset 1px 1px 3px #999
}
div.DTE button.btn:focus,div.DTE div.DTE_Form_Buttons button:focus {
 background-color:red;
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9');
 outline:none
}

 */
table.dataTable thead th {
  /*color:#f8f1f1;*/
}

table.dataTable tbody tr:nth-child(even) {background: #F1F3F5}
table.dataTable tbody tr:nth-child(odd) {background: #FFFFFF}

table.dataTable > tbody > tr.selected > td,
table.dataTable > tbody > tr.selected > th {
background-color: #DDEBF9;
}

table.dataTable > tbody > tr:hover > td,
table.dataTable > tbody > tr:hover > th {
background-color: rgba(221, 235, 249, 0.6); /*#DDEBF9*/
}

.button-container form,
.button-container form div {
    display: inline;
}

.button-container button {
    display: inline;
    vertical-align: middle;
}

* {
 /*font-size: 11px;
 font-family: Tahoma, Verdana, Arial, serif;*/
}

a.info {
 /*position: absolute;*/
 color: black;
 text-decoration: none;
 border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info div {
 display: none; /* On masque l'infobulle. */

}
a.info:hover {
 background: none; /* Correction d'un bug d'Internet Explorer. */
 z-index: 100; /* On définit une valeur pour l'ordre d'affichage. */

 /* cursor: help;  On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover div {
 display: block; /* On affiche l'infobulle. */
 position: absolute;

 white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
 /* On positionne notre infobulle. */
 top: 30px;
 left: 20px;

 background: rgb(50,0,230);

 color: white;
 padding: 4px;
 font-weight: 800;
 border: 1px solid rgb(50,0,230);
 border-left: 4px solid rgb(50,0,230);
 border-radius: 3px;
 z-index: 500;
}
a.info:hover span {
 background: white;
 color: rgb(50,0,230);
 padding: 5px;
 padding-right: 20px;
 padding-left: 10px;
 border: none;

}

.custom-select {
 display: inline-block;
 width: 100%;
 height: 34px;
 padding: .375rem 1.75rem .375rem .75rem;
 line-height: 1.5;
 color: #495057;
 vertical-align: middle;
 background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
 background-size: auto;
 background-size: 8px 10px;
 border: 1px solid #ced4da;
 border-radius: 4px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.nav-tabs {
 border-bottom: none;
}
.nav-tabs > li > a {
 background-color: rgb(50,0,230);
 background-color: #f5f5f5;
 color: #000;
}
.nav-tabs > li > a:hover {
 background-color: #DDDFE1;
 color: rgb(50,0,230);
 /*border-color: #000;
 border-bottom-color: transparent;*/
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
 color: #555;
 cursor: default;
 background-color: #DDDFE1;
 border: 1px solid #ddd;
 /*border-bottom-color: rgb(221, 221, 221);*/
 border-bottom-color: transparent;
}

#AS2_div_T8 {
 /*display: none;*/
}
#AS2_div_P8 {
 /*display: none;*/
}

.input-group-addon {
 padding: 6px;
}

.hg2 {
 height:2px;
}
.hg2 {
 height:3px;
}

.custom-file-label {
 display: block;
 width: 100%;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 border-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.custom-file-input {
 position: relative;
 z-index: 2;
 width: 100%;
 /*height: calc(2.25rem + 2px);*/
 background-color: #fff;
 margin: 0;
 opacity: 0;
}

.col-form-control-label abbr {
 text-decoration: none;
 font-weight: normal;
 border-bottom: none;
}

.invalid-feedback {
 position: absolute;
 z-index:5;
 top : 0px;
 left : 200px;
 width: 200px;
 font-size: 16px;
 color : red;
 text-shadow: 0 1px 1px #111, 0 1px 1px #111;
 text-align: center;
}
/*
:required  {
 background: url(https://cdn0.iconfinder.com/data/icons/fugue/icon/asterisk-small.png) no-repeat;
 background-position:right top;
 background: #fff;
}*/
/*
.asterisk_input::after {
 content:" *";
 color: #e32;
 position: absolute;
 margin: 0px 0px 0px -20px;
 font-size: xx-large;
 padding: 0 5px 0 0; }
*/
input[required], select[required] {
 background-image: url('../images/star.png');
 background-repeat: no-repeat;
 background-position-x: right;
}

.w-30 {
 width: 30%;
}
.w-40 {
 width: 20%;
}

.dataTables_wrapper .dataTables_filter input {
 border: 1px solid #aaa;
 border-radius: 3px;
 padding: 5px;
 background-color: whitesmoke;
 margin-left: 3px;
}

@media (min-width: 768px) {
 .col-sm-1,
 .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-sm-10,
 .col-sm-11,
 .col-sm-12 {
  float: left;
 }
 .col-sm-12 {
  width: 100%;
 }
 .col-sm-11 {
  width: 91.66666667%;
 }
 .col-sm-10 {
  width: 83.33333333%;
 }
 .col-sm-9 {
  width: 75%;
 }
 .col-sm-8 {
  width: 66.66666667%;
 }
 .col-sm-7 {
  width: 58.33333333%;
 }
 .col-sm-6 {
  width: 50%;
 }
 .col-sm-5 {
  width: 41.66666667%;
 }
 .col-sm-4 {
  width: 33.33333333%;
 }
 .col-sm-3 {
  width: 25%;
 }
 .col-sm-2 {
  width: 16.66666667%;
 }
 .col-sm-1 {
  width: 8.33333333%;
 }
 .col-sm-pull-12 {
  right: 100%;
 }
 .col-sm-pull-11 {
  right: 91.66666667%;
 }
 .col-sm-pull-10 {
  right: 83.33333333%;
 }
 .col-sm-pull-9 {
  right: 75%;
 }
 .col-sm-pull-8 {
  right: 66.66666667%;
 }
 .col-sm-pull-7 {
  right: 58.33333333%;
 }
 .col-sm-pull-6 {
  right: 50%;
 }
 .col-sm-pull-5 {
  right: 41.66666667%;
 }
 .col-sm-pull-4 {
  right: 33.33333333%;
 }
 .col-sm-pull-3 {
  right: 25%;
 }
 .col-sm-pull-2 {
  right: 16.66666667%;
 }
 .col-sm-pull-1 {
  right: 8.33333333%;
 }
 .col-sm-pull-0 {
  right: auto;
 }
 .col-sm-push-12 {
  left: 100%;
 }
 .col-sm-push-11 {
  left: 91.66666667%;
 }
 .col-sm-push-10 {
  left: 83.33333333%;
 }
 .col-sm-push-9 {
  left: 75%;
 }
 .col-sm-push-8 {
  left: 66.66666667%;
 }
 .col-sm-push-7 {
  left: 58.33333333%;
 }
 .col-sm-push-6 {
  left: 50%;
 }
 .col-sm-push-5 {
  left: 41.66666667%;
 }
 .col-sm-push-4 {
  left: 33.33333333%;
 }
 .col-sm-push-3 {
  left: 25%;
 }
 .col-sm-push-2 {
  left: 16.66666667%;
 }
 .col-sm-push-1 {
  left: 8.33333333%;
 }
 .col-sm-push-0 {
  left: auto;
 }
 .col-sm-offset-12 {
  margin-left: 100%;
 }
 .col-sm-offset-11 {
  margin-left: 91.66666667%;
 }
 .col-sm-offset-10 {
  margin-left: 83.33333333%;
 }
 .col-sm-offset-9 {
  margin-left: 75%;
 }
 .col-sm-offset-8 {
  margin-left: 66.66666667%;
 }
 .col-sm-offset-7 {
  margin-left: 58.33333333%;
 }
 .col-sm-offset-6 {
  margin-left: 50%;
 }
 .col-sm-offset-5 {
  margin-left: 41.66666667%;
 }
 .col-sm-offset-4 {
  margin-left: 33.33333333%;
 }
 .col-sm-offset-3 {
  margin-left: 25%;
 }
 .col-sm-offset-2 {
  margin-left: 16.66666667%;
 }
 .col-sm-offset-1 {
  margin-left: 8.33333333%;
 }
 .col-sm-offset-0 {
  margin-left: 0%;
 }
}